摘要:
function addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ ... 阅读全文
摘要:
index.html Jay Skript And The Domsters Home About Photos Live Contact Welco... 阅读全文
摘要:
function convertToGS(img) { if (!Modernizr.canvas) return; img.color = img.src; img.grayscale = createGSCanvas(img); img.onmouseover = funct... 阅读全文
摘要:
我们可以使用对象在浏览器中把一副彩色图片变成灰度图片。然后,当用户的鼠标悬停到图片上面时,再把它切换回原始的彩色图片。 阅读全文
摘要:
Canvas Powered By HTML5 canvas变量ctx引用的是画布的绘图空间(context).所谓绘图空间,在这里就是一个平面二维的绘图表面,其原点(0.0)位于的左上角。在这个绘图表面的坐标系里,越往右x的值越大,越往下y的值越大。通过在绘图空间中指定坐标点,可以绘制出各种... 阅读全文
摘要:
谈到web设计,最准确的理解是把网页看成三个层:(1)结构层(2)样式层(3)行为层这三个层分别对应不同的技术,分别是:(1)超文本标记语言(HTML)(2)层叠样式表(CSS)(3)Javascript和文档对象模型(DOM)没错,你可以说还能加一层,也就是浏览器的Javascript API,包... 阅读全文
摘要:
if( xpos Web DesignWeb DesignThese are the things you should know. Structure Presentation Behavior //这三行是为了能够用Javascript代码实现动画效果而... 阅读全文
摘要:
Math.ceil(number) 它可以返回大于numbe的值的一个整数。Math.floor(number) 它可以向小于方向舍入为之最接近的整数。Math.round(number) 将把任意浮点数舍入为与之最接近的整数。例如:console.log(Math.ceil(5.2)); cons... 阅读全文
摘要:
onmouseover事件被触发时显示一张图片。我们将沿用图片库案例中的脚本----只需把每个链接上的事件处理函数从onclikc改为onmouseover。它能工作,但图片显示得不够流畅:当用户第一次把鼠标指针悬停在某个链接上时,新图片将被加载过去。即使实在一个高速的网络连接上,这多少也需要花费点... 阅读全文
摘要:
positionWhee!如果让moveMessage()函数在页面加载时运行,这个元素的位置将立刻发生变化----由positionMessage函数给出的原始位置会被立刻覆盖导致元素的显示位置立刻发生变化的根源是Javascript太有效率了:函数一个接一个地执行,其间根本没有我们所能察觉的间隔... 阅读全文