跟随鼠标的旋转文字_键盘鼠标特效

跟随鼠标的旋转文字,您可以先修改部分代码再运行.

<html>

<body>
<SCRIPT LANGUAGE="JavaScript"> 
if (document.all) { 
yourLogo = "模板无忧www.mb5u.com "; 
logoFont = "宋体"; 
logoColor = "000000"; 
yourLogo = yourLogo.split(''); 
L = yourLogo.length; 
TrigSplit = 360 / L; 
Sz = new Array() 
logoWidth = 100; 
logoHeight = -30; 
ypos = 0; 
xpos = 0; 
step = 0.03; 
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; 
} 
currStep -= step; 
setTimeout('animateLogo()', 20); 
} 
window.onload = animateLogo; 
} 
</script>

</body>

</html>

所属频道：键盘鼠标特效/更新时间：2012-11-18

[收藏][报错][返回列表]

跟随鼠标的旋转文字_键盘鼠标特效

键盘鼠标特效Rss订阅特效代码搜索

键盘鼠标特效推荐

猜你也喜欢看这些