跟随鼠标的字

    技术2022-05-11  193

    脚本说明:

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