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

    文字围绕鼠标立体旋转效果

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

    文字围绕鼠标立体旋转效果

    围绕鼠标立体旋转的文字,自定义文字。

    <html>
    <head>
    <meta content="text/html; charset=gb2312" http-equiv="Content-Type">
    <meta content="Microsoft FrontPage 5.0" name="GENERATOR">
    <meta name="keywords" content="站长,网页特效,js特效,广告代码,codesocang,codesocang.net,sky,www.codesocang.com,源码搜藏网" />
    <meta name="description" content="www.codesocang.com,源码搜藏网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在源码搜藏网" />
    <title>文字围绕鼠标立体旋转效果,sky整理收集,codesocang.net欢迎你。</title>
    </head>
    <body>
    <a href="<#ZC_BLOG_HOST#>">源码搜藏网</a>,站长必备的高质量网页特效和广告代码。codesocang.net,站长js特效。<hr>
    <!--欢迎来到源码搜藏网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.codesocang.com,codesocang@msn.com,用.net打造靓站-->
    <script LANGUAGE="JavaScript">
    <!--    Begin
        if (document.all)
        {
            yourLogo = "欢迎来到源码搜藏网,codesocang.net";  //Not less than 2 letters!
            logoFont = "Arial";
            logoColor = "ff0000";
            //Nothing needs altering below!
            yourLogo = yourLogo.split('');
            L = yourLogo.length;
            TrigSplit = 360 / L;
            Sz = new Array()
            logoWidth = 100;
            logoHeight = -30;
            ypos = 0;
            xpos = 0;
            step = 0.09;
            currStep = 0;
            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:10px;height:10px;font-family:' + logoFont + ';font-size:12px;'
    + 'color:' + logoColor + ';text-align:center">' + yourLogo[i] + '</div>');
            }
            document.write('</div></div>');
            function Mouse()
            {
                ypos = event.y;
                xpos = event.x - 5;
            }
            document.onmousemove = Mouse;
            function animateLogo()
            {
                outer.style.pixelTop = document.body.scrollTop;
                for (i = 0; i < L; i++)
                {
                    ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
                    ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
                    Sz[i] = ie[i].style.pixelTop - ypos;
                    if (Sz[i] < 5) Sz[i] = 5;
                    ie[i].style.fontSize = Sz[i] / 1.7;
                } //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
                currStep -= step;
                setTimeout('animateLogo()', 20);
            }
            window.onload = animateLogo;
        }
    //  End -->
    </script>
    </body>
    </html>

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