教程集 > jQuery > jquery 教程 > 正文 js文字跟随鼠标转动效果

js文字跟随鼠标转动效果

发布时间：2023-12-22 编辑：jiaochengji.com

教程集为您提供js文字跟随鼠标转动效果等资源，欢迎您收藏本站，我们将为您提供最新的js文字跟随鼠标转动效果资源

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

<script LANGUAGE="JavaScript">  if (document.all)  {  yourLogo = "I love www.111cn.net very much----!";             logoFont = "Arial";                                            logoColor = "FF0000";                                          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>

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

您可能感兴趣的文章：
jquery实现的提示浮层跟随鼠标移动
 javascript特效-跟着鼠标飞的图片
 非常不错js弹出层效果代码
 jQuery powerFloat
html5精选特效代码分享（收藏）
jQuery鼠标动画插件 jquery-ahover
随鼠标上下滚动的jquery代码
 jquery弹性滑动导航菜单
 鼠标的滚轮失灵怎么办？
Jquery实现鼠标移上弹出提示框、移出消失思路及代码

上一篇：非主流鼠标跟随代码- 鼠标代码下一篇：网页特效-js文字跟着鼠标指针飘动

[关闭]

最近更新

浏览排行

~ ~