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

围绕鼠标的文字

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

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

鼠标特效下载排行

最新文章