跟隨鼠標旋轉的文字

更新時間：2006年11月30日 00:00:00 作者：

<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   class="udfmtqs"   id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');  for (i = 0; i < L; i++) {  document.write('<div   class="bspuq7w"   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>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

這是一段跟隨鼠標旋轉的文字，我希望字體在旋轉的時候，每一個字的顏色都互不相同。不知道應該如何實現(xiàn)呢？

<SCRIPT LANGUAGE="JavaScript">  if (document.all) {  yourLogo = "七度空間歡迎您的光臨";  logoFont = "宋體";  logoColor = ["F0F8FF","FAEBD7","00FFFF","7FFFD4","F0FFFF","F5F5DC","FFE4C4","000000","FFEBCD","0000FF","8A2BE2","A52A2A","DEB887","5F9EA0","7FFF00","D2691E","FF7F50","6495ED","FFF8DC","DC143C","00FFFF","00008B","008B8B","B8860B","A9A9A9","006400","BDB76B","8B008B","556B2F","FF8C00","9932CC","8B0000","E9967A","8FBC8B","483D8B","2F4F4F","00CED1","9400D3","FF1493","00BFFF","696969","1E90FF","B22222","FFFAF0","228B22","FF00FF","DCDCDC","F8F8FF","FFD700","DAA520","808080","008000","ADFF2F","F0FFF0","FF69B4","CD5C5C","4B0082","FFFFF0","F0E68C","E6E6FA","FFF0F5","7CFC00","FFFACD","ADD8E6","F08080","E0FFFF","FAFAD2","90EE90","D3D3D3","FFB6C1","FFA07A","20B2AA","87CEFA","778899","B0C4DE","FFFFE0","00FF00","32CD32","FAF0E6","FF00FF","800000","66CDAA","0000CD","BA55D3","9370DB","3CB371","7B68EE","00FA9A","48D1CC","C71585","191970","F5FFFA","FFE4E1","FFE4B5","FFDEAD","000080","FDF5E6","808000","6B8E23","FFA500","FF4500","DA70D6","EEE8AA","98FB98","AFEEEE","DB7093","FFEFD5","FFDAB9","CD853F","FFC0CB","DDA0DD","B0E0E6","800080","FF0000","BC8F8F","4169E1","8B4513","FA8072","F4A460","2E8B57","FFF5EE","A0522D","C0C0C0","87CEEB","6A5ACD","708090","FFFAFA","00FF7F","4682B4","D2B48C","008080","D8BFD8","FF6347","40E0D0","EE82EE","F5DEB3","F5F5F5","FFFF00","9ACD32"];  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   class="v2hdk7y"   id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');  for (i = 0; i < L; i++) {  document.write('<div   class="ofhog7y"   id="ie" style="position:absolute;top:0px;left:0px;'  +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'  +'color:'+logoColor[Math.floor(Math.random()*logoColor.length)]+';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>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

跟隨鼠標旋轉的文字

js抓人游戲
利用鼠標的位置進行計算偏移代碼
2008-09-09
跳舞的小人鼠標跟隨事件效果實現(xiàn)
這篇文章主要為大家介紹了跳舞的小人，鼠標跟隨事件實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05
跟隨鼠標旋轉的文字
跟隨鼠標旋轉的文字...
2006-11-11
JavaScript拖拽效果示例網頁解決快速拖拽的問題
JavaScript拖拽文章的配套示例網頁。本例解決了快速拖拽的時候元素停止移動的問題，需要的朋友可以參考下
2012-09-09
我的柜子好像動了之鼠標跟蹤事件教程
這篇文章主要為大家介紹了我的柜子好像動了之鼠標跟蹤事件教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05
隨鼠標移動的圖片或文字特效代碼
隨鼠標移動的圖片或文字特效！，需要的朋友可以參考下。
2011-04-04
鼠標跟隨效果代碼
鼠標跟隨效果,好多用于廣告點擊,提示效果
2008-10-10
使用JS實現(xiàn)一個跟隨鼠標移動灑落的星星特效
這篇文章主要介紹了使用JS實現(xiàn)一個跟隨鼠標移動灑落的星星特效,在頁面上移動鼠標,移動軌跡上會有星星灑落,非常的好看炫酷,想知道怎么做的朋友一起來看看吧
2023-03-03
鼠標跟隨的文字變動效果
百度空間的一個好友，其主頁的特效非常漂亮，其中最拉風的就是鼠標根隨的文字變動效果。懶得看亂七八糟的源文件，自己用DW編寫JS模擬了下。
2009-11-11
javascript跟隨鼠標的文字帶滾動效果
javascript跟隨鼠標的文字帶滾動效果...
2007-11-11