Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 【很多站长都想要的】【链接特效】页内【彩虹链】接特效!不看会后悔,既然看了不回没

[复制链接]
雨竹2010 发表于 2010-10-30 17:30:23 | 显示全部楼层 |阅读模式
本帖最后由 雨竹2010 于 2011-5-7 14:08 编辑

【很多站长都想要的】【链接特效】页内彩虹链接特效!不看会后悔,既然看了不回没jj

演示:http://www.xasy.org  西安石油大学论坛

有问题请在此提问:http://www.xasy.org/thread-3657-1-1.html
本贴不再回复!谢谢


  1. 本特效来自互联网!向作者致敬!此修改来自“雨竹”石大社区-西安石油大学论坛 http://www.xasy.org


  2. 我的博客:http://www.xasy.org/?15
  3. ////////////////////////////////////////////////////////////////////
  4. // Setting
  5. var rate = 20; // Increase amount(The degree of the transmutation)

  6. ////////////////////////////////////////////////////////////////////
  7. // Main routine
  8. if (document.getElementById)
  9. window.onerror=new Function("return true")
  10. var objActive; // The object which event occured in
  11. var act = 0; // Flag during the action
  12. var elmH = 0; // Hue
  13. var elmS = 128; // Saturation
  14. var elmV = 255; // Value
  15. var clrOrg; // A color before the change
  16. var TimerID; // Timer ID

  17. if (document.all) {
  18. document.onmouseover = doRainbowAnchor;
  19. document.onmouseout = stopRainbowAnchor;
  20. }
  21. else if (document.getElementById) {
  22. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  23. document.onmouseover = Mozilla_doRainbowAnchor;
  24. document.onmouseout = Mozilla_stopRainbowAnchor;
  25. }

  26. //=============================================================================
  27. // doRainbow
  28. // This function begins to change a color.
  29. //=============================================================================
  30. function doRainbow(obj)
  31. {
  32. if (act == 0) {
  33. act = 1;
  34. if (obj)
  35. objActive = obj;
  36. else
  37. objActive = event.srcElement;
  38. clrOrg = objActive.style.color;
  39. TimerID = setInterval("ChangeColor()",100);
  40. }
  41. }

  42. //=============================================================================
  43. // stopRainbow
  44. // This function stops to change a color.
  45. //=============================================================================
  46. function stopRainbow()
  47. {
  48. if (act) {
  49. objActive.style.color = clrOrg;
  50. clearInterval(TimerID);
  51. act = 0;
  52. }
  53. }

  54. //=============================================================================
  55. // doRainbowAnchor
  56. // This function begins to change a color. (of a anchor, automatically)
  57. //=============================================================================
  58. function doRainbowAnchor()
  59. {
  60. if (act == 0) {
  61. var obj = event.srcElement;
  62. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  63. obj = obj.parentElement;
  64. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  65. break;
  66. }
  67. if (obj.tagName == 'A' && obj.href != '') {
  68. objActive = obj;
  69. act = 1;
  70. clrOrg = objActive.style.color;
  71. TimerID = setInterval("ChangeColor()",100);
  72. }
  73. }
  74. }

  75. //=============================================================================
  76. // stopRainbowAnchor
  77. // This function stops to change a color. (of a anchor, automatically)
  78. //=============================================================================
  79. function stopRainbowAnchor()
  80. {
  81. if (act) {
  82. if (objActive.tagName == 'A') {
  83. objActive.style.color = clrOrg;
  84. clearInterval(TimerID);
  85. act = 0;
  86. }
  87. }
  88. }

  89. //=============================================================================
  90. // Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
  91. // This function begins to change a color. (of a anchor, automatically)
  92. //=============================================================================
  93. function Mozilla_doRainbowAnchor(e)
  94. {
  95. if (act == 0) {
  96. obj = e.target;
  97. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  98. obj = obj.parentNode;
  99. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  100. break;
  101. }
  102. if (obj.nodeName == 'A' && obj.href != '') {
  103. objActive = obj;
  104. act = 1;
  105. clrOrg = obj.style.color;
  106. TimerID = setInterval("ChangeColor()",100);
  107. }
  108. }
  109. }

  110. //=============================================================================
  111. // Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
  112. // This function stops to change a color. (of a anchor, automatically)
  113. //=============================================================================
  114. function Mozilla_stopRainbowAnchor(e)
  115. {
  116. if (act) {
  117. if (objActive.nodeName == 'A') {
  118. objActive.style.color = clrOrg;
  119. clearInterval(TimerID);
  120. act = 0;
  121. }
  122. }
  123. }

  124. //=============================================================================
  125. // Change Color
  126. // This function changes a color actually.
  127. //=============================================================================
  128. function ChangeColor()
  129. {
  130. objActive.style.color = makeColor();
  131. }

  132. //=============================================================================
  133. // makeColor
  134. // This function makes rainbow colors.
  135. //=============================================================================
  136. function makeColor()
  137. {
  138. // Don't you think Color Gamut to look like Rainbow?
  139. // HSVtoRGB
  140. if (elmS == 0) {
  141. elmR = elmV; elmG = elmV; elmB = elmV;
  142. }
  143. else {
  144. t1 = elmV;
  145. t2 = (255 - elmS) * elmV / 255;
  146. t3 = elmH % 60;
  147. t3 = (t1 - t2) * t3 / 60;
  148. if (elmH < 60) {
  149. elmR = t1; elmB = t2; elmG = t2 + t3;
  150. }
  151. else if (elmH < 120) {
  152. elmG = t1; elmB = t2; elmR = t1 - t3;
  153. }
  154. else if (elmH < 180) {
  155. elmG = t1; elmR = t2; elmB = t2 + t3;
  156. }
  157. else if (elmH < 240) {
  158. elmB = t1; elmR = t2; elmG = t1 - t3;
  159. }
  160. else if (elmH < 300) {
  161. elmB = t1; elmG = t2; elmR = t2 + t3;
  162. }
  163. else if (elmH < 360) {
  164. elmR = t1; elmG = t2; elmB = t1 - t3;
  165. }
  166. else {
  167. elmR = 0; elmG = 0; elmB = 0;
  168. }
  169. }
  170. elmR = Math.floor(elmR).toString(16);
  171. elmG = Math.floor(elmG).toString(16);
  172. elmB = Math.floor(elmB).toString(16);
  173. if (elmR.length == 1) elmR = "0" + elmR;
  174. if (elmG.length == 1) elmG = "0" + elmG;
  175. if (elmB.length == 1) elmB = "0" + elmB;
  176. elmH = elmH + rate;
  177. if (elmH >= 360)
  178. elmH = 0;
  179. return '#' + elmR + elmG + elmB;
  180. }


复制代码
使用方法:在后台优化-->头部信息--->用js嵌入即可!然后更新缓存!js调用“<javascript>算了不写了这个应该大家都知道” 有问题回复!

再分享个模板!全DIY真仿19楼门户首页!免费下载,无需修改任何文件一键安装!
https://discuz.dismall.com/thread-1949109-1-1.html



====================

很多人不知道怎么调用!算了!没办法那就告诉大家吧!有两种办法:
第一:内嵌这个不多说了
第二:外部调用把以上的那个代码复制保存在txt文档后缀为js然后上传到根目录
然后再后台---优化选项---头部信息--输入以下代码:
  1. <script language=javascript src="刚刚保存的js名字.js"></script>

复制代码
有问题请在此提问:http://www.xasy.org/thread-3657-1-1.html
本贴不再回复!谢谢

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
UID:1 发表于 2010-10-30 17:33:28 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

 楼主| 雨竹2010 发表于 2010-10-30 17:34:15 | 显示全部楼层
本帖最后由 雨竹2010 于 2011-5-7 14:10 编辑

回复 UID:1 的帖子

现在免费了!



AD:西安石油大学论坛 http://www.xasy.org
回复

使用道具 举报

蛇镜眼是不蛇某 发表于 2010-10-30 17:38:54 | 显示全部楼层
前排围观···

感觉贵站首页页面上东西太多了···小小建议
回复

使用道具 举报

SEO一点 发表于 2010-10-30 18:01:40 | 显示全部楼层
围观 马上就走
回复

使用道具 举报

li79830517 发表于 2010-10-30 18:15:57 | 显示全部楼层
怎么调用啊
回复

使用道具 举报

ilei365 发表于 2010-10-30 18:27:45 | 显示全部楼层
很不错,支持了。
回复

使用道具 举报

meiont345 发表于 2010-10-30 18:59:59 | 显示全部楼层
很实用的东东,能否解释一下彩虹链接特效
回复

使用道具 举报

3583101io 发表于 2010-10-30 19:04:34 | 显示全部楼层
本帖最后由 3583101io 于 2010-10-30 19:04 编辑

纯支持了!
回复

使用道具 举报

kehuu 发表于 2010-10-30 19:06:27 | 显示全部楼层
纯支持下进步奖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-2-24 10:01 , Processed in 0.033909 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表