كود لجعل روابط المنتدى تتلون بالوان قوس قزح

رابط بألوان قوس قزح

كود يجعل الرابط متغير اللون (الوان قوس قزح)

الرمز:

<script language="Javascript1.2">

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

////////////////////////////////////////////////////////////////////

// Main routine

if (document.getElementById)

window.onerror=new Function("return true")

var objActive; // 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 (document.all) {

document.onmouseover = doRainbowAnchor;

document.onmouseout = stopRainbowAnchor;

}

else if (document.getElementById) {

document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);

document.onmouseover = Mozilla_doRainbowAnchor;

document.onmouseout = Mozilla_stopRainbowAnchor;

}

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

// doRainbow

// This function begins to change a color.

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

function doRainbow(obj)

{

if (act == 0) {

act = 1;

if (obj)

objActive = obj;

else

objActive = event.srcElement;

clrOrg = objActive.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}

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

// stopRainbow

// This function stops to change a color.

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

function stopRainbow()

{

if (act) {

objActive.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

}

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

// doRainbowAnchor

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

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

function doRainbowAnchor()

{

if (act == 0) {

var 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 != '') {

objActive = obj;

act = 1;

clrOrg = objActive.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}

}

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

// stopRainbowAnchor

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

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

function stopRainbowAnchor()

{

if (act) {

if (objActive.tagName == 'A') {

objActive.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

}

}

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

// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)

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

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

function Mozilla_doRainbowAnchor(e)

{

if (act == 0) {

obj = e.target;

while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {

obj = obj.parentNode;

if (obj.nodeName == 'A' || obj.nodeName == 'BODY')

break;

}

if (obj.nodeName == 'A' && obj.href != '') {

objActive = obj;

act = 1;

clrOrg = obj.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}

}

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

// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)

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

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

function Mozilla_stopRainbowAnchor(e)

{

if (act) {

if (objActive.nodeName == 'A') {

objActive.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

}

}

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

// Change Color

// This function changes a color actually.

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

function ChangeColor()

{

objActive.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).toString(16);

elmG = Math.floor(elmG).toString(16);

elmB = Math.floor(elmB).toString(16);

if (elmR.length == 1) elmR = "0" + elmR;

if (elmG.length == 1) elmG = "0" + elmG;

if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;

if (elmH >= 360)

elmH = 0;

return '#' + elmR + elmG + elmB;

}

</script>

» كود تظليل جميع روابط المنتدى عند المرور عليها بالماوس
» كود CSS لجعل محتوى المنتدى بالمنتصف
» كود css لجعل خلفية لجميع ازرار المنتدى
» كود الروابط بالوان قوس قزح
» حماية مميزة للأيفون بالوان متميزة 2013