您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 鼠标特效 >

    跟随鼠标的闪烁文字

    时间: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>

    跟随鼠标的闪烁文字由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/shubiaotexiao/4647.html
    标签:网站源码