教程集 > jQuery > jquery 教程 > 正文网页特效-js文字跟着鼠标指针飘动

网页特效-js文字跟着鼠标指针飘动

发布时间：2023-12-22 编辑：jiaochengji.com

教程集为您提供网页特效-js文字跟着鼠标指针飘动等资源，欢迎您收藏本站，我们将为您提供最新的网页特效-js文字跟着鼠标指针飘动资源

网页特效-js文字跟着鼠标指针飘动

提示：您可以先修改部分代码再运行

<style>  .spanstyle {  position:absolute;  visibility:visible;  top:-50px;  font-size:10pt;  font-family:Verdana;  font-weight:bold;  color:#FF8080  }  </style>  </head>  <body onload="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">    <script language="JavaScript">  var x,y  var step=20  var flag=0  var message="感谢登陆本站! "  message=message.split("")  var xpos=new Array()  var ypos=new Array()  function handlerMM(e){  x = (document.layers) ? e.pageX : document.body.scrollLeft event.clientX  y = (document.layers) ? e.pageY : document.body.scrollTop event.clientY  flag=1}  function makesnake() {  if (flag==1 && document.all) {  for (i=message.length-1; i>=1; i--) {  xpos[i]=xpos[i-1] step  ypos[i]=ypos[i-1]  }  xpos[0]=x step  ypos[0]=y  for (i=0; i<message.length-1; i  ) {  var thisspan = eval("span" (i) ".style")  thisspan.posLeft=xpos[i]  thisspan.posTop=ypos[i]  }  }  var timer=setTimeout("makesnake()",30)  }    for (i=0;i<=message.length-1;i  ) {  document.write("<span id='span" i "' class='spanstyle'>")  document.write(message[i])  document.write("</span>")  }    document.onmousemove = handlerMM;  </script>     关键字：js文字，鼠标指针飘动

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
html5精选特效代码分享（收藏）
非常不错js弹出层效果代码
 简易代码描绘网页个性鼠标指针
 如何使用HTML5 canvas实现雪花飘落
 IE/360浏览器无法查看源文件解决方法总结
 7款风格新颖的jQuery/CSS3菜单导航分享
 javascript特效-跟着鼠标飞的图片
 CSS 循序渐进四表里春秋
 漂浮广告的js代码 js图片漂浮特效
 jQuery鼠标动画插件 jquery-ahover

上一篇： qq空间鼠标跟随图片代码下一篇：简单js博客空间日历函数

[关闭]

最近更新

浏览排行

~ ~