围绕鼠标转动的文字

&lt;html&gt;
    
    &lt;head&gt;
        &lt;title&gt;
            围绕鼠标转动的文字
        &lt;/title&gt;
        &lt;script language=JavaScript&gt;
         //IE专用
         //Logo orbit II kurt.grigg@virgin.net 
		 yourLogo = '欢迎来到无忧视窗';
         logoFont = 'Arial';
         logoSize = 9;
         logoColor = 'red';
         logoWidth = 40;
         logoHeight = 40;
         logoSpeed = 0.03;
         //Nothing needs altering below! 
         yourLogo = yourLogo.split('');
         L = yourLogo.length;
         Result = "&lt;font face=" + logoFont + " style='font-size:" + logoSize + "pt' color=" + logoColor + "&gt;";
         TrigSplit = 360 / L;
         br = (document.layers) ? 1 : 0;
         if (br) {
             for (i = 0; i &lt; L; i++) document.write('&lt;layer name="ns' + i + '" top=0 left=0 width=14 height=14"&gt;' + Result + yourLogo[i] + '&lt;/font&gt;&lt;/layer&gt;');
         } else {
             document.write('&lt;div id="outer" style="position:absolute;top:0px;left:0px"&gt;&lt;div style="position:relative"&gt;');
             for (i = 0; i &lt; L; i++) document.write('&lt;div id="ie" style="position:absolute;top:0px;left:0px;width:14px;height:14px"&gt;' + Result + yourLogo[i] + '&lt;/font&gt;&lt;/div&gt;');
             document.write('&lt;/div&gt;&lt;/div&gt;');
         }
         ypos = 0;
         xpos = 0;
         step = logoSpeed;
         currStep = 0;
         Y = new Array();
         X = new Array();
         Yn = new Array();
         Xn = new Array();
         for (i = 0; i &lt; L; i++) {
             Yn[i] = 0;
             Xn[i] = 0;
         }(document.layers) ? window.captureEvents(Event.MOUSEMOVE) : 0;

         function Mouse(evnt) {
			 ee = evnt||event;
             ypos = (document.layers) ? evnt.pageY : ee.y;
             xpos = (document.layers) ? evnt.pageX : ee.x;
         }(document.layers) ? window.onMouseMove = Mouse : document.onmousemove = Mouse;

         function animateLogo() {
             if (!br) outer.style.pixelTop = document.body.scrollTop;
             for (i = 0; i &lt; 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 &gt;= 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;
        &lt;/script&gt;
        &lt;meta http-equiv=Content-Type content="text/html; charset=gb2312"&gt;
        &lt;meta content="MSHTML 6.00.2900.2912" name=GENERATOR&gt;
        &lt;meta content=FrontPage.Editor.Document name=ProgId&gt;
        &lt;style&gt;
            &lt;!-- body, td, div { font-family: Verdana; font-size: 9pt } --&gt;
        &lt;/style&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
    &lt;/body&gt;

&lt;/html&gt;

<html>

<head>

<title>

围绕鼠标转动的文字

</title>

//IE专用

//Logo orbit II kurt.grigg@virgin.net

yourLogo = '欢迎来到无忧视窗';

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) {

ee = evnt||event;

ypos = (document.layers) ? evnt.pageY : ee.y;

xpos = (document.layers) ? evnt.pageX : ee.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>

<style>

</style>

</head>

<body>

</body>

</html>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复