Discuz教程网

1314学习网»站长论坛 › discuz资源中心 › discuz教程 › Discuz X2 让你的链接标题闪亮起来
返回列表 发新帖

[代码修改] Discuz X2 让你的链接标题闪亮起来

[复制链接]
authicon dly 发表于 2011-8-19 21:27:49 | 显示全部楼层 |阅读模式
当你用鼠标指向任何链接时，链接都会闪烁起来，五彩缤纷，甚是耀眼!!!

其实很简单，就是运用javascript 代码实现的，方法:
1. 将下列代码另存为color.js (粘贴到记事本另存为color.js，保存类型为所有文件。)

  1. var rate = 100;
  2. var obj;
  3. var act = 0;
  4. var elmH = 0;
  5. var elmS = 239;
  6. var elmV = 255;
  7. var clrOrg;
  8. var TimerID;
  9. if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
  10. Browser = true;
  11. } else {
  12. Browser = false;
  13. }
  14. if (Browser) {
  15. document.onmouseover = doRainbowAnchor;
  16. document.onmouseout = stopRainbowAnchor;
  17. }
  18. function doRainbow()
  19. {
  20. if (Browser && act != 1) {
  21. act = 1;
  22. obj = event.srcElement;
  23. clrOrg = obj.style.color;
  24. TimerID = setInterval("ChangeColor()",100);
  25. }
  26. }
  27. function stopRainbow()
  28. {
  29. if (Browser && act != 0) {
  30. obj.style.color = clrOrg;
  31. clearInterval(TimerID);
  32. act = 0;
  33. }
  34. }
  35. function doRainbowAnchor()
  36. {
  37. if (Browser && act != 1) {
  38. obj = event.srcElement;

  40. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  41. obj = obj.parentElement;
  42. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  43. break;
  44. }

  46. if (obj.tagName == 'A' && obj.href != '') {
  47. act = 1;
  48. clrOrg = obj.style.color;
  49. TimerID = setInterval("ChangeColor()",100);
  50. }
  51. }
  52. }
  53. function stopRainbowAnchor()
  54. {
  55. if (Browser && act != 0) {
  56. if (obj.tagName == 'A') {
  57. obj.style.color = clrOrg;
  58. clearInterval(TimerID);
  59. act = 0;
  60. }
  61. }
  62. }
  63. function ChangeColor()
  64. {
  65. obj.style.color = makeColor();
  66. }
  67. function makeColor()
  68. {
  69. if (elmS == 0) {
  70. elmR = elmV; elmG = elmV; elmB = elmV;
  71. }
  72. else {
  73. t1 = elmV;
  74. t2 = (255 - elmS) * elmV / 255;
  75. t3 = elmH % 60;
  76. t3 = (t1 - t2) * t3 / 60;

  78. if (elmH < 60) {
  79. elmR = t1; elmB = t2; elmG = t2 + t3;
  80. }
  81. else if (elmH < 120) {
  82. elmG = t1; elmB = t2; elmR = t1 - t3;
  83. }
  84. else if (elmH < 180) {
  85. elmG = t1; elmR = t2; elmB = t2 + t3;
  86. }
  87. else if (elmH < 240) {
  88. elmB = t1; elmR = t2; elmG = t1 - t3;
  89. }
  90. else if (elmH < 300) {
  91. elmB = t1; elmG = t2; elmR = t2 + t3;
  92. }
  93. else if (elmH < 360) {
  94. elmR = t1; elmG = t2; elmB = t1 - t3;
  95. }
  96. else {
  97. elmR = 0; elmG = 0; elmB = 0;
  98. }
  99. }
  100. elmR = Math.floor(elmR);
  101. elmG = Math.floor(elmG);
  102. elmB = Math.floor(elmB);
  103. clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
  104. elmH = elmH + rate;
  105. if (elmH >= 360)
  106. elmH = 0;
  107. return clrRGB;
  108. }
复制代码

2. 上传color.js文件到你网站的任意地方(但是你得找到访问它的绝对地址哦，我是在根目录下面新建一个js文件夹，放在js文件夹里面的。)
3.  进后台，在全局-站点信息-网站第三方统计代码: <SCRIPT src="/js/color.js"></SCRIPT> ，提交后更新缓存即可。

090325s9i0tzlz5o09sgn9.jpg

更新缓存



上一篇：Discuz X2游客只能查看小图，提醒登陆看大图 GBK版
下一篇：x2纯diy特殊n格风格，和一般的很不一样

相关帖子
回复

举报

authicon Steve_Jason 发表于 2011-10-24 23:56:17 | 显示全部楼层
这个支持网站  里面的歌 很好听。
回复

举报

authicon xyrsky 发表于 2011-10-30 17:57:23 | 显示全部楼层
喜欢喜欢喜欢
回复

举报

authicon 胶州城网 发表于 2011-10-30 18:20:30 | 显示全部楼层
这个不错

收藏了
回复

举报

authicon 胶州城网 发表于 2011-11-5 20:42:48 | 显示全部楼层
var rate = 100;
var obj;
var act = 0;
var elmH = 0;
var elmS = 239;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-3 03:39

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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