乐天情感
您的当前位置:首页JS实现鼠标箭头变成一个燃烧烛光效果的方法_javascript技巧

JS实现鼠标箭头变成一个燃烧烛光效果的方法_javascript技巧

来源:乐天情感
 本文实例讲述了JS实现鼠标箭头变成一个燃烧烛光效果的方法。分享给大家供大家参考。具体如下:

这是一个完全的鼠标箭头美化效果的JS代码,通过这个JS代码,把鼠标的箭头加上一个样式,燃烧中的蜡烛。这个也是很古老的代码了,只能在IE8及以下浏览器运行,代码如下:
代码如下:


很有特色的荧光鼠标















摘要:HTML5源码,Canvas实例,Canvas动画
  一个HTML5_Canvas练手程序,用Canvas标签


绘制简单的动画效果:模拟十字路口绿灯亮,

车走;红灯亮,车停效果,动画效果比较粗糙,
供入门者参考。HTML5程序,目前暂不支持IE。

 射击游戏,开始游戏后,
用鼠标点击下落的物体,
可射击爆炸物体,生成的游戏画质精细,
动画流畅,测试时请使用火狐或Chrome浏览器,
IE8以下版本不能运行本游戏。
虽然游戏功能不算强大,

但却用到了HTML5中基础的技巧,


另外,一些游戏操作的JS类也是想当不错的选择。


 基于html5离线存储实例,当加载页面时,应用程序利用一个 onLoad 函数来核查相

应的数据是否已经位于本地高速缓存区中并且将添加一个

欢迎窗口,添加一个事件侦听程序以

及侦听一个storage 事件,

应用程序能够对localStorage变更进行响应,

核查浏览器支持localStorage功能,

设置数据到缓存,清除数据等功能。



dim red,gre,blu
dim x,y,z
red=255
gre=255
blu=0
z=100
sub window_onload()
call mybody.filters.light.addPoint(0,0,z,Red,Gre,Blu,100)
mybody.style.cursor="hand"
end sub
sub document_onmousemove()
x=window.event.x
y=window.event.y
call mybody.filters.Light.MoveLight(0, x, y, 100, 1)
end sub


//这是使图层移动的函数
function move_layer()
{
Layer1.style.left=event.clientX+document.body.scrollLeft-50;
Layer1.style.top=event.clientY+document.body.scrollTop-20;
}
//这里的意思是,如果鼠标移动时就调用"move_layer"函数
document.onmousemove =move_layer;


希望本文所述对大家的javascript程序设计有所帮助。

显示全文