广州网站设计
最新推荐:
广州市动易网络科技有限公司
地址：广园中路158号609D（星辰大厦）
电话：020-85988518 13711143685
传真：020-22019815
Email：dony8@126.com
营业执照号：4401112015380
粤ICP备07050694号
QQ：474923737 333050
MSN:maoss9757@hotmail.com
版权所有:广州网站设计
导航： 广州网站设计 >> 设计资源 >> 网页特效 >> 正文

围绕鼠标立体旋转的文字

作者：佚名 时间：2008-7-22 15:28:13 Tag：网站特效   点击：
<html>
<head>
<title>网页特效|网页特效代码(JsHtml.cn)---围绕鼠标立体旋转的文字</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<meta content="Microsoft FrontPage 5.0" name="GENERATOR">
</head>
<body>
<script LANGUAGE="JavaScript">
<!-- Begin
if (document.all) {
yourLogo = "很简单哦 谁都看得懂";  //Not less than 2 letters!
logoFont = "Arial";
logoColor = "ff0000";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.09;
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;
}
//  End -->
</script>
</body>
</html>
【打印此文】【关闭窗口】
  • 上一条信息：

  • 下一条信息：