CSDN博客

img denal

跟随鼠标的字

发表于2003/3/10 10:20:00  931人阅读

分类: html

脚本说明:

第一步:把如下代码加入<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" onload="makesnake()">

 

 

0 0

相关博文

我的热门文章

img
取 消
img