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

    围绕鼠标的文字

    时间:2013-05-09 11:22 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    围绕鼠标的文字

    文字跟随鼠标并围绕鼠标旋转效果,对网站推广宣传应该起到点作用。

    <html>
    <script language="JavaScript"> 
        yourLogo = '欢迎来到源码搜藏WEB开发www.codesocang.com';
        logoFont = 'Arial';
        logoSize = 9;
        logoColor = 'red';
        logoWidth = 40;
        logoHeight = 40;
        logoSpeed = 0.03; 
        //Nothing needs altering below!
        yourLogo = yourLogo.split('');
        L = yourLogo.length;
        Result = "<font face=" + logoFont + " style='font-size:" + logoSize + "pt' color=" + logoColor + ">";
        TrigSplit = 360 / L;
        br = (document.layers) ? 1 : 0;
        if (br)
        {
            for (i = 0; i < L; i++)
                document.write('<layer name="ns' + i + '" top=0 left=0 width=14 height=14">' + Result + yourLogo[i] + '</font></layer>');
        }
        else
        {
            document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
            for (i = 0; i < L; i++)
                document.write('<div id="ie" style="position:absolute;top:0px;left:0px;width:14px;height:14px">' + Result + yourLogo[i] + '</font></div>');
            document.write('</div></div>');
        }
        ypos = 0;
        xpos = 0;
        step = logoSpeed;
        currStep = 0;
        Y = new Array();
        X = new Array();
        Yn = new Array();
        Xn = new Array();
        for (i = 0; i < L; i++)
        {
            Yn[i] = 0;
            Xn[i] = 0;
        }
        (document.layers) ? window.captureEvents(Event.MOUSEMOVE) : 0;
        function Mouse(evnt)
        {
            ypos = (document.layers) ? evnt.pageY : event.y;
            xpos = (document.layers) ? evnt.pageX : event.x;
        }
        (document.layers) ? window.onMouseMove = Mouse : document.onmousemove = Mouse;
        function animateLogo()
        {
            if (!br) outer.style.pixelTop = document.body.scrollTop;
            for (i = 0; i < L; i++)
            {
                var layer = (document.layers) ? document.layers['ns' + i] : ie[i].style;
                layer.top = Y[i] + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
                layer.left = X[i] + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
            }
            currStep -= step;
        }
        function Delay()
        {
            for (i = L; i >= 0; i--)
            {
                Y[i] = Yn[i] += (ypos - Yn[i]) * (0.1 + i / L);
                X[i] = Xn[i] += (xpos - Xn[i]) * (0.1 + i / L);
            }
            animateLogo();
            setTimeout('Delay()', 20);
        }
        window.onload = Delay;
        // -->
    </script>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <style>
    <!--
    body, td, div { font-family: Verdana; font-size: 9pt }
    -->
    </style>
    <title>围绕鼠标转动的文字-源码搜藏WEB开发www.codesocang.com</title>
    </head>


    <body>
    </body>


    </html>
    <a href="http://www.codesocang.com/texiao/index.html">欢迎访问源码搜藏网页特效集</a>

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