文 字 跟 随 鼠 标(javascript)

添加到百度搜藏 添加到百度搜藏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--http://zhaoxiaoyang.cnblogs.com/-->
<style>
.spanstyle {
 position:absolute;
 visibility:visible;
 top:-50px;
 font-size:10pt;
 font-family:Verdana;
      font-weight:bold;
 color:black;
}
</style>
<!--設置css样式,绝对定位,显示,离上-50px,字体是Verdana,加粗,颜色是黑色。-->
<script>

var x,y  //声明x,y二个变量。
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="破曉之陽 專注.net技術 "
message=message.split("")//分割字符串,并返回一个一维的数组。

var xpos=new Array()//定义一个数组。来定位x坐标。
for (i=0;i<=message.length-1;i++) {
 xpos[i]=-50//把数组中的每一个元素的值都设置为-50,下同。
}

var ypos=new Array()//定义另一个数组。来定位y坐标。
for (i=0;i<=message.length-1;i++) {
 ypos[i]=-50
}

function handlerMM(e){//定义一个函数。参数为e。
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 /*如果是网景的浏览器,那么x的值为e.pageX,否则都为document.body.scrollLeft+event.clientX*/
 flag=1
}

function makesnake() {//定义一个函数。
 if (flag==1 && document.all) {//如果flag的值等于1或为ie浏览器。
      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]
      }
 }
 else if (flag==1 && document.layers) {
      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("document.span"+i)
       thisspan.left=xpos[i]
   thisspan.top=ypos[i]
      }
 }
 var timer=setTimeout("makesnake()",30)
}

</script>
</head>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script language=javascript>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
 document.write(message[i])
    document.write("</span>")
}
if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
</body>
</html>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值