跟随鼠标的旋转文字-JS特效-爱易网页

跟随鼠标的旋转文字

日期：2014-05-18　浏览次数：20311 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<SCRIPT LANGUAGE="JavaScript"> 
if (document.all) { 
yourLogo = "跟随鼠标的旋转文字 "; 
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>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

跟随鼠标的旋转文字

相关资料更多>

推荐阅读更多>