منتدى الطيب

مرحب بكم

ابحث

الدخول السريع

يوليو 2017

الإثنينالثلاثاءالأربعاءالخميسالجمعةالسبتالأحد
     12
3456789
10111213141516
17181920212223
24252627282930
31      

اليومية اليومية


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

    شاطر
    avatar
    admin
    المدير
    المدير

    عدد المساهمات : 141
    تاريخ التسجيل : 25/01/2010
    العمر : 20
    الموقع : http://altaiyb.ahlamontada.com/

    منتدى الطيب ..! رابط بألوان قوس قزح !..

    مُساهمة من طرف admin في الجمعة سبتمبر 17, 2010 9:36 am

    scratch

    السلامـ عليكمـ ورحمهـ الله وبركاتهـ
    ----
    أضع اليوم بين أيديكم
    كود يجعل الرابط متغير اللون (الوان قوس قزح)
    Like a Star @ heaven
    --------
    الكود

    الرمز:



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




    وهنا طريقة استخدام الاكواد
    شرح طريقة وضع الاكواد فى الصفحة الرئيسية والبوابة

    ملاحظة


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

    Sad بالتوفيق للجميع Sad





      الوقت/التاريخ الآن هو الخميس يوليو 27, 2017 6:44 pm