杏阳 发表于 2012-7-27 13:48:21

自己编的一个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 发表于 2012-7-27 21:16:00

先顶一下{:05:}

nkc3g4 发表于 2012-7-31 08:51:09

按住鼠标划动才留影？

nkc3g4 发表于 2012-7-31 08:56:25

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

杏阳 发表于 2012-7-31 12:33:01

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

原来的是按下鼠标滑动才会留影，换成onmouseover事件，就是只要滑动就能留影，已经不是所要的效果了
页: [1]
查看完整版本: 自己编的一个javascript网页特效——鼠标留影