跟随鼠标的字

脚本说明:

第一步:把如下代码加入<head>区域中

<style type="text/css">

.spanstyle {

 COLOR: #ffd8ff; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible

}

</style>

<script>

var x,y

var step=18

var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!

var message="★南京有线宽带网欢迎你的光临!"

message=message.split("")

var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

 xpos[i]=-50

}

 

var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

 ypos[i]=-200

}

 

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]

     }

 }

 

 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>

 

 

第二步:把如下代码加入<body>区域中

<script>

<!-- 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>改为

<body bgcolor="#fef4d9" οnlοad="makesnake()">

 

 

  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论 1

打赏作者

denal

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值