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

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

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

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

鼠标特效下载排行

最新文章