js文字跟随鼠标转动效果

时间：2022-07-02 14:29:17 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<SCRIPT LANGUAGE="JavaScript">
if (document.all)
{
yourLogo = "I love www.111com.net very much----!";           
logoFont = "Arial";                                          
logoColor = "FF0000";                                        
yourLogo = yourLogo.split('');             
L = yourLogo.length;                        
TrigSplit = 360 / L;                        
Sz = new Array()                             
logo;                             
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;'+'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>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js文字跟随鼠标转动效果

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程