自己编的一个javascript网页特效——鼠标留影

杏阳

自己学习的时候所编，自己所编网页游戏中的部分功能，不过一定时间内消失的部分被我给删除了，呵呵，就是自己独有的是吧，大家理解的哈，只有留影方面也不错的啊，消失的部分大家也可以自己摸索和编写嘛，毕竟是一个学习的过程嘛。
效果也就是鼠标划过留下痕迹，如下

<html>
<head>
<title>鼠标留影</title>
<script language="javascript" type="text/javascript">
var down = false
var num=1
function Create(e){
e=window.event
if(down)
{
write(e)
}
}
function write(e){
var e=window.event
var div=document.createElement("div");
div.style.position="absolute";
div.style.left=e.clientX-10;
div.style.top=e.clientY-10;
div.innerHTML="*";
div.style.color="#ffffff";
document.body.appendChild(div);
}
document.onmousedown=function(){down=true}
document.onmousemove=Create;
document.onmouseup=function(){down=false}
</script>
</head>
<body bgcolor="#336699" >
</body>
</html>

LIUYING.HTML
http://kuai.xunlei.com/d/OMUUYUXYHDUX

nkc3g4

先顶一下

nkc3g4

按住鼠标划动才留影？

nkc3g4

将document.onmousedown改为document.onmouseover就能滑动留影了

杏阳

admin 发表于 2012-7-31 08:56
将document.onmousedown改为document.onmouseover就能滑动留影了

原来的是按下鼠标滑动才会留影，换成onmouseover事件，就是只要滑动就能留影，已经不是所要的效果了