Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Rainbow Hover Link

By: a guest on Aug 10th, 2012  |  syntax: None  |  size: 3.60 KB  |  hits: 10  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Rainbow link hover
  2.  
  3. <script type='text/javascript'>
  4. //<![CDATA[
  5. var rate = 50;
  6. if (document.getElementById)
  7. window.onerror=new Function("return true")
  8.  
  9. var objActive; // The object which event occured in
  10. var act = 0; // Flag during the action
  11. var elmH = 0; // Hue
  12. var elmS = 128; // Saturation
  13. var elmV = 255; // Value
  14. var clrOrg; // A color before the change
  15. var TimerID; // Timer ID
  16. if (document.all) {
  17. document.onmouseover = doRainbowAnchor;
  18. document.onmouseout = stopRainbowAnchor;
  19. }
  20. else if (document.getElementById) {
  21. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  22. document.onmouseover = Mozilla_doRainbowAnchor;
  23. document.onmouseout = Mozilla_stopRainbowAnchor;
  24. }
  25. function doRainbow(obj)
  26. {
  27. if (act == 0) {
  28. act = 1;
  29. if (obj)
  30. objActive = obj;
  31. else
  32. objActive = event.srcElement;
  33. clrOrg = objActive.style.color;
  34. TimerID = setInterval("ChangeColor()",100);
  35. }
  36. }
  37. function stopRainbow()
  38. {
  39. if (act) {
  40. objActive.style.color = clrOrg;
  41. clearInterval(TimerID);
  42. act = 0;
  43. }
  44. }
  45. function doRainbowAnchor()
  46. {
  47. if (act == 0) {
  48. var obj = event.srcElement;
  49. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  50. obj = obj.parentElement;
  51. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  52. break;
  53. }
  54. if (obj.tagName == 'A' && obj.href != '') {
  55. objActive = obj;
  56. act = 1;
  57. clrOrg = objActive.style.color;
  58. TimerID = setInterval("ChangeColor()",100);
  59. }
  60. }
  61. }
  62. function stopRainbowAnchor()
  63. {
  64. if (act) {
  65. if (objActive.tagName == 'A') {
  66. objActive.style.color = clrOrg;
  67. clearInterval(TimerID);
  68. act = 0;
  69. }
  70. }
  71. }
  72. function Mozilla_doRainbowAnchor(e)
  73. {
  74. if (act == 0) {
  75. obj = e.target;
  76. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  77. obj = obj.parentNode;
  78. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  79. break;
  80. }
  81. if (obj.nodeName == 'A' && obj.href != '') {
  82. objActive = obj;
  83. act = 1;
  84. clrOrg = obj.style.color;
  85. TimerID = setInterval("ChangeColor()",100);
  86. }
  87. }
  88. }
  89. function Mozilla_stopRainbowAnchor(e)
  90. {
  91. if (act) {
  92. if (objActive.nodeName == 'A') {
  93. objActive.style.color = clrOrg;
  94. clearInterval(TimerID);
  95. act = 0;
  96. }
  97. }
  98. }
  99. function ChangeColor()
  100. {
  101. objActive.style.color = makeColor();
  102. }
  103. function makeColor()
  104. {
  105. // Don't you think Color Gamut to look like Rainbow?
  106. // HSVtoRGB
  107. if (elmS == 0) {
  108. elmR = elmV; elmG = elmV; elmB = elmV;
  109. }
  110. else {
  111. t1 = elmV;
  112. t2 = (255 - elmS) * elmV / 255;
  113. t3 = elmH % 60;
  114. t3 = (t1 - t2) * t3 / 60;
  115. if (elmH < 60) {
  116. elmR = t1; elmB = t2; elmG = t2 + t3;
  117. }
  118. else if (elmH < 120) {
  119. elmG = t1; elmB = t2; elmR = t1 - t3;
  120. }
  121. else if (elmH < 180) {
  122. elmG = t1; elmR = t2; elmB = t2 + t3;
  123. }
  124. else if (elmH < 240) {
  125. elmB = t1; elmR = t2; elmG = t1 - t3;
  126. }
  127. else if (elmH < 300) {
  128. elmB = t1; elmG = t2; elmR = t2 + t3;
  129. }
  130. else if (elmH < 360) {
  131. elmR = t1; elmG = t2; elmB = t1 - t3;
  132. }
  133. else {
  134. elmR = 0; elmG = 0; elmB = 0;
  135. }
  136. }
  137. elmR = Math.floor(elmR).toString(16);
  138. elmG = Math.floor(elmG).toString(16);
  139. elmB = Math.floor(elmB).toString(16);
  140. if (elmR.length == 1) elmR = "0" + elmR;
  141. if (elmG.length == 1) elmG = "0" + elmG;
  142. if (elmB.length == 1) elmB = "0" + elmB
  143. elmH = elmH + rate;
  144. if (elmH >= 360)
  145. elmH = 0;
  146. return '#' + elmR + elmG + elmB;
  147. }
  148. //]]>
  149. </script>
  150.  
  151.  
  152.  
  153. sparkle links
  154. <style type="text/css">
  155. a:hover{background-image: url(http://www.divaglitter.com/myspace_layout/tweaks/glitter_sparkle_links/sparkles.gif);}
  156. </style>
  157. <a href="http://www.divaglitter.com"><img src="http://www.divaglitter.com/myspace_layout/xy.gif" style="position:absolute; left:0px; top: 0px;z-index:9;" border="0" alt="myspace layouts"></a>
create a new version of this paste RAW Paste Data