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

السلامـ عليكمـ ورحمهـ الله
وبركاتهـ
----
أضع اليوم بين أيديكم
كود يجعل الرابط متغير اللون (الوان قوس
قزح)
:suspect:
--------
الكود:

الرمز:
<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>




ملاحظة


يظهر الكود على الصفحة الرئيسية والبوابة
فقط
ولا يمتد تأثيره داخل
الاقسام

:o بالتوفيق
للجميع :o

شكرااااااااااااااااااااا

لك جزيل الشكر

شكراااااااااااا

شكرا ...الله يعطيك الف عافية

نورتو الصفحة

merciiiiiiiii

جزاك الله خيرا