اهلا بك يا زائر منور المنتدى مشاركاتك هي 0 يلا شدلنا حيلك وشارك كمان
 
الرئيسيةبوابة المبدعينس .و .جالمجموعاتالتسجيلالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
الزعيم
₪ ادآرة المنتدى ₪
₪ ادآرة المنتدى ₪
avatar


رقم العضوية : 1
عدد المشاركات : 1132
العمر : 23
الهواية الهواية :
المهنة :
المزاج المزاج :
جنسيتي جنسيتي : Syria
برنامج التصميم :
نقاط الخبرة : 11776
احترام قوانين المنتدى : 100%



مُساهمةموضوع: ..! رابط بألوان قوس قزح !..   الخميس مارس 04, 2010 1:58 am

:study:

السلامـ عليكمـ ورحمهـ الله وبركاتهـ
----
أضع اليوم بين أيديكم
كود يجعل الرابط متغير اللون (الوان قوس قزح)
: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

ودي..


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://abomhamad.deviantart.com/ https://www.facebook.com/home.php?ref=home http://graphics.mam9.com
THE KING
₪ مبدع برونزي ₪
₪ مبدع برونزي ₪
avatar


رقم العضوية : 4
عدد المشاركات : 179
الهواية الهواية :
المهنة :
المزاج المزاج :
جنسيتي جنسيتي : Syria
نقاط الخبرة : 10004
احترام قوانين المنتدى : 75%



مُساهمةموضوع: رد: ..! رابط بألوان قوس قزح !..   الخميس مارس 04, 2010 2:27 am

مشككككككككككككور

تحياتي

the king
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://THE KING@hotmail.com
X-Man
₪ النآ ئبـين ₪
₪ النآ ئبـين ₪
avatar


رقم العضوية : 5
عدد المشاركات : 332
العمر : 24
الهواية الهواية :
المهنة :
المزاج المزاج :
جنسيتي جنسيتي : Saudi Arabia
برنامج التصميم :
نقاط الخبرة : 10328
احترام قوانين المنتدى : 100%



مُساهمةموضوع: رد: ..! رابط بألوان قوس قزح !..   الأحد أبريل 11, 2010 8:01 pm

مشكور يازعيم الكل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://WWW.GRAPHICS.MAM9.COM
الزعيم
₪ ادآرة المنتدى ₪
₪ ادآرة المنتدى ₪
avatar


رقم العضوية : 1
عدد المشاركات : 1132
العمر : 23
الهواية الهواية :
المهنة :
المزاج المزاج :
جنسيتي جنسيتي : Syria
برنامج التصميم :
نقاط الخبرة : 11776
احترام قوانين المنتدى : 100%



مُساهمةموضوع: رد: ..! رابط بألوان قوس قزح !..   الإثنين أبريل 12, 2010 8:57 pm

مشكووووووووور على المرور المنور

تحياتي


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://abomhamad.deviantart.com/ https://www.facebook.com/home.php?ref=home http://graphics.mam9.com
 
..! رابط بألوان قوس قزح !..
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: || ابداعتنا ~ :: || ـدعم ـالمواقع ـالصديقة-
انتقل الى:  




 

ملتقى الابداع والمبدعين



Designed And Developing By graphics.mam9.com
Supporting : firefox, IE 7, IE 8, GC 1, AB 11.7
Vida Style [Ver 1.0] With css