ممكن كود [ jQuery ]يقوم بتغير الوان الروابط عند مرور الماوس عليها مثل قوس قزح كود جديد كليا

ممكن كود [ jQuery ]يقوم بتغير الوان الروابط عند مرور الماوس عليها مثل قوس قزح كود جديد كليا

هذا كود ارجو ان يفيدك

السؤال

ممكن كود [ jQuery ]يقوم بتغير الوان الروابط عند مرور الماوس عليها مثل قوس قزح كود جديد كليا

الجواب

الكود:


<!-- Example of  Normal LINK -->

<!-- Example of MouseOver Text -->
 <SPAN name="rl" onmouseover="doRainbow(this);" and onmouseout="stopRainbow();"></SPAN>


<!-- Copy-Paste the code below into your HTML document -->
<!--  just above </BODY> Tag -->

<SCRIPT LANGUAGE="JavaScript">
<!-- ;

/*********************************************************************/
/* Rainbow Links or Text                                            */
/* This script and many more are available free online at            */
/* http://rainbow.arch.scriptmania.com                              */
/*                                                                  */
/* Usage:                                                            */
/* Insert just above end/close BODY Tag,                            */
/* For Links                                                        */
/* You don't need to add "onMouseover" and "onMouseout" attributes!! */
/*                                                                  */
/* If you'd like to add effect to other text, then                  */
/* add 'onmouseover="doRainbow(this);"' and                          */
/* 'onmouseout="stopRainbow();"' to the target tags.                */
/*                                                                  */
/* This Script works with IE4,Netscape6,Mozilla browser and above,  */
/* but no error occurs on other browsers.                            */
/*********************************************************************/


// Setting
//- SPEED CAN BE CHANGED HERE -

var rate = 25;  // Increase-Decrease amount ( Higher=Faster )

// - DO NOT ALTER BELOW -
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive;
var act = 0; 
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg; 
var TimerID;

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;
}
function doRainbow(obj)
{
    if (act == 0) {
        act = 1;
        if (obj)
            objActive = obj;
        else
            objActive = event.srcElement;
        clrOrg = objActive.style.color;
        TimerID = setInterval("ChangeColor()",100);
    }
}
function stopRainbow()
{
    if (act) {
        objActive.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}
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);
        }
    }
}
function stopRainbowAnchor()
{
    if (act) {
        if (objActive.tagName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}
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);
        }
    }
}
function Mozilla_stopRainbowAnchor(e)
{
    if (act) {
        if (objActive.nodeName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}
function ChangeColor()
{
    objActive.style.color = makeColor();
}
function makeColor()
{
   
    // 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;
}
// end hide -->
</SCRIPT>

لها تأثيرات جانبية

شكر ياعسل