Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Let's Make Rainbow Link, Auto Changing Link Colors Script
wlaudlim
post Oct 1 2005, 09:37 AM
Post #1


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 2
Joined: 1-October 05
Member No.: 8,839



Put this source inbetween <head> and </head>!!!!

CODE

script language="JavaScript1.2">
<!--

var rate = 20;
var obj;
var act = 0;
var elmH = 0;
var elmS = 128;
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;
}


// -->
</script>



At the line "TimerID = setInterval("ChangeColor()",100); " of above soruce
100 is speed of changing color.
Good Luck!!!

Notice from wwheeler:
Please next time you are going to post code, please do so in code tags.
Go to the top of the page
 
+Quote Post
saxsux
post Oct 1 2005, 07:01 PM
Post #2


Bursting with vegany goodness!
Group Icon

Group: Members
Posts: 342
Joined: 8-April 05
From: Norwich, UK
Member No.: 3,753



You could have posted that as a tutorial, you could have gotten quite a few more hosting credits.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Java Script(7)
  2. Need Drop Down Menu Script(1)
  3. Slideshow Of Pictures(0)
  4. Need Opinion - Language Redirection Script...(0)
  5. Bid Visitors Bye/thank U With A Popup Onunload In Just One Line!(0)
  6. Change Table Colors On Mouse Effects!(8)
  7. Sweet Titles(0)
  8. Browser Quaker Script - Shock Your Visitors!(5)
  9. Password Protect Your Page(2)
  10. Calling Of Functions Between Mulitple External Javascript Files(2)
  11. Javascript: Browser Detection Script(0)
  12. Create And Import JavaScript Modules For A Large Script(2)
  13. JavaScript Off Redirect Script(2)
  14. Enlarge Image Script(19)
  15. One Click To Copy Script(0)
  1. Fun With Javascript And Forms(2)
  2. Love Script(3)


 



- Lo-Fi Version Time is now: 13th October 2008 - 05:51 AM