<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>
时间: 2024-08-10 07:01:15