Log In · Register

 
rainbow mouseover!, links
AnDiWaSLyKe...Wh...
post Feb 11 2004, 11:10 PM
Post #1


Member
**

Group: Member
Posts: 29
Joined: Jan 2004
Member No: 798



hi! i was wondering where do you get the code for raibow links like in this xanga -My friend's webpage! thanx!

*jeL*
 
 
Start new topic
Replies (1 - 4)
aznhybriddragon
post Feb 11 2004, 11:18 PM
Post #2


Senior Member
*****

Group: Member
Posts: 946
Joined: Jan 2004
Member No: 603



Well after looking at his source, I think the code is...............(Very Long)




CODE
<!-- begin code provided by createblog.com -->
<span><script language="JavaScript1.2">
<!--Source for Rainbow.js-->

var rate = 80; // Increase amount(The degree of the transmutation)


////////////////////////////////////////////////////////////////////
// Main routine

var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID


if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion)
>= 4) {
Browser = true;
} else {
Browser = false;
}

if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}


//=============================================================================

// doRainbow
// This function begins to change a color.
//=============================================================================

function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


//=============================================================================

// stopRainbow
// This function stops to change a color.
//=============================================================================

function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


//=============================================================================

// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================

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);
}
}
}


//=============================================================================

// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================

function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================

// Change Color
// This function changes a color actually.
//=============================================================================

function ChangeColor()
{
obj.style.color = makeColor();
}


//=============================================================================

// makeColor
// This function makes rainbow colors.
//=============================================================================

function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
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>
<!-- end code provided by createblog.com -->


PUT IN CUSTOM HEADER
 
faithin_felix
post Feb 12 2004, 01:46 AM
Post #3


Feeel X
******

Group: Member
Posts: 2,814
Joined: Jan 2004
Member No: 1,498



it doesnt wrk....
 
Stupid_Fat_Boy
post Feb 12 2004, 03:56 AM
Post #4


Darlin dont u know? The water is poisoned
*****

Group: Member
Posts: 554
Joined: Feb 2004
Member No: 3,668



wow that looks rpetty dope blink.gif
 
AnDiWaSLyKe...Wh...
post Feb 12 2004, 05:10 PM
Post #5


Member
**

Group: Member
Posts: 29
Joined: Jan 2004
Member No: 798



biggrin.gif hey thanx iT worKs! laugh.gif
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: