软件开发培训班 >> 编程开发 >> JavaScript

跟随鼠标旋转的文字

　　本文标签：跟随鼠标旋转的文字

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

技术文章快速查找

Javascript 小写字母依次变为大写

Javascript笔记一 js以及json基础使用说明

IE6下通过a标签点击切换图片的问题

Javascript中判断变量是数组还是对象(array还是object)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建