萝卜头IT论坛

搜索
查看: 6024|回复: 4
收起左侧

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

[复制链接]
发表于 2012-7-27 13:48:21 | 显示全部楼层 |阅读模式
     自己学习的时候所编,自己所编网页游戏中的部分功能,不过一定时间内消失的部分被我给删除了,呵呵,就是自己独有的是吧,大家理解的哈,只有留影方面也不错的啊,消失的部分大家也可以自己摸索和编写嘛,毕竟是一个学习的过程嘛。
效果也就是鼠标划过留下痕迹,如下
C[TNRC3V{(R(@J~@LEH[SPX.jpg
<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
回复

使用道具 举报

发表于 2012-7-27 21:16:00 | 显示全部楼层
先顶一下
回复

使用道具 举报

发表于 2012-7-31 08:51:09 | 显示全部楼层
按住鼠标划动才留影?
回复

使用道具 举报

发表于 2012-7-31 08:56:25 | 显示全部楼层
将document.onmousedown改为document.onmouseover就能滑动留影了
回复

使用道具 举报

 楼主| 发表于 2012-7-31 12:33:01 | 显示全部楼层
admin 发表于 2012-7-31 08:56
将document.onmousedown改为document.onmouseover就能滑动留影了

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

使用道具 举报

联系我们(Contact)|手机版|萝卜头IT论坛 ( 苏ICP备15050961号-1 )

GMT+8, 2024-4-26 17:32 , Processed in 0.110346 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表