鼠标跟随的闪烁霓虹字

人气：　来源：网络　作者：佚名　所属栏目：鼠标类　[切换到繁體中文]

介绍：跟随鼠标的文字，象霓虹灯在闪烁。

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>站长手册_特效演示_鼠标跟随的闪烁霓虹字</title>
<style><!--body,td{font-size: 12px;}--></style>
<STYLE>
<!--
.spanstyle {
COLOR: #0066ff; FONT-FAMILY: arial; FONT-SIZE: 9pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
-->
</STYLE>
</head>
<body bgcolor="" onload="javascript:pageonload()">
<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">
<tr>
<td valign="top">
<SCRIPT language=javascript>

var message="站长手册助您一臂之力";
var x,y;
        var step=12;
        var flag=0;
        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]=-50;
        }
        function handlerMM(e) {
                x = (document.layers) ? E.pageX : document.body.scrollLeft+event.clientX+10;
                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];
                                thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
                            }
                }
                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];
                                thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
                        }
                }
        }
</SCRIPT>
<SCRIPT language=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;
</SCRIPT>
<SCRIPT language=javascript>
        function pageonload() {
                makesnake();
                window.setTimeout("pageonload();", 2);
        }
</SCRIPT>
</td>
</tr>
</table>
</body>
</html>

[Ctrl+A全选提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效：
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：onload="javascript:pageonload()"
　--------------------------------------------------------------------------------------

以下代码加到<head>…</head>中

以下代码加到<body>…</body>中