跟随鼠标旋转的文字特效的代码 [ 网站地图 ]

发表于:2009-12-21 浏览:34 作者: 来源:互联网

关键字:跟随鼠标旋转的文字

描述:有什么问题请到评论中发表<br> <!--http://www.mb5u.com/--> <!-- /--> <!--把下列代码放到<head>区域中-->   <SCRIPTLANGUAGE="JavaScript"> if(do

有什么问题请到评论中发表<br>

<!-- http://www.mb5u.com/ -->

<!--  / -->

<!-- 把下列代码放到<head>区域中-->

 

<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:left">‘+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>

 

 


站长资讯网 做中国最丰富的资讯网站 沪ICP备05004089号