首页 > 代码库 > 这段代码为什么调不出来？文字围绕鼠标转

这段代码为什么调不出来？文字围绕鼠标转

2024-08-19 06:56:36   219人阅读

<html>
<head>
    <title>围绕鼠标转动的文字</title>
    <meta charset="UTF-8"/>
    <style>
        body, td, div { font-family: Verdana; font-size: 9pt }       
    </style>
</head>
<body>

<script language="JavaScript">

var init= {
    yourLogo: ‘上元网络欢迎你‘,
    logoFont: ‘Arial‘,
    logoSize: 9,
    logoColor: ‘red‘,
    logoWidth: 40,
    logoHeight: 40,
    logoSpeed: 0.03,


    load: function () {        
        yourLogo = this.yourLogo.split(‘‘);
        L = yourLogo.length;
        Result = "<font face=" + this.logoFont + " style=‘font-size:" + this.logoSize + "pt‘ color=" + this.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] + ‘</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] + ‘</div>‘);
            document.write(‘</div></div>‘);
        }
        ypos = 0;
        xpos = 0;
        step = this.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;
        }



        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] + this.logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
                layer.left = X[i] + this.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);
        }

        Delay();
    }
}
window.onload = init.load();

    // -->
</script>

<div>hello test</div>
</body>

</html>

这段代码为什么调不出来？文字围绕鼠标转


联系
我们