当前位置:首页 > 网页特效 > 鼠标特效 >

跟随鼠标的闪烁文字

时间:2013-05-09 10:58 来源:互联网 作者:源码搜藏 收藏 推荐

运行代码 保存代码 复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
跟随鼠标的闪烁文字

跟随鼠标的闪烁文字,很漂亮的效果,可自定义文字噢。

<a href="<#ZC_BLOG_HOST#>">源码搜藏网</a>,站长必备的高质量网页特效和广告代码。codesocang.com,站长js特效。<hr>
<!--欢迎来到源码搜藏网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.codesocang.com,zzjs@msn.com,用.net打造靓站-->
<STYLE>.spanstyle {
    COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>
<body onload="javascript:pageonload()">
<SCRIPT language=javascript>
    var message = "codesocang.com 永 远 欢 迎 您 !";
    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;
    }
    //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    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>");
    }
    //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    if (document.layers)
    {
        document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = handlerMM;
</SCRIPT>
<SCRIPT language=javascript>
    function pageonload()
    {
        makesnake();
        window.setTimeout("pageonload();", 2);
    }
</SCRIPT>

由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-shubiao/4647.html

鼠标特效下载排行

最新文章