img(460,167)]http://mo3afa.com/vb/images/smilies/wlc4mm.gif[/img]




اهلا وسهلا بيك ف احلى منتدى

منتدى توضيـــــــــــــــــــــــــــب

يسعد منتدانا بااستقبال من هم بمثل شخصك

ليكون مميزا بين المميزين وانت لها

فااهلا بيك في منتدانا الذي يتشرف بمن هو مميز

مع خالص تحياتنا وتقديرنا


ẁẽĺςÖMĘ ŢǾ Ţaẁdẽẽb
 
الرئيسيةالبوابهس .و .جبحـثالمجموعاتالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
mЯςҺξŦà™
✿~ـآڷآدآرهـﮧ ~✿
✿~ـآڷآدآرهـﮧ ~✿


عدد المساهمات : 5765
نقاط : 8789
السٌّمعَة : 4
تاريخ التسجيل : 08/11/2009
العمر : 21
العمل/الترفيه : Designer
المزاج : C 0-0 |_ 3 |_ T 0-0 l

مُساهمةموضوع: ..! رابط بألوان قوس قزح !..   الخميس نوفمبر 26, 2009 8:32 am

elephant

السلامـ عليكمـ ورحمهـ الله وبركاتهـ
----
أضع اليوم بين أيديكم
كود يجعل الرابط متغير اللون (الوان قوس قزح)
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://tawdeeb.hooxs.com
Mahmoud El-Kaffas
ådmIn .:|For everyone|:. .:|For everything|:.
ådmIn .:|For everyone|:. .:|For everything|:.


عدد المساهمات : 863
نقاط : 912
السٌّمعَة : 0
تاريخ التسجيل : 10/02/2010
العمر : 22
العمل/الترفيه : Student
المزاج : Not GoOoD

مُساهمةموضوع: رد: ..! رابط بألوان قوس قزح !..   الثلاثاء فبراير 16, 2010 4:17 am

Question
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
..! رابط بألوان قوس قزح !..
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ««۩ قسم البرامج والاليكترونيات ۩»» :: تُِِّْصٍْآمًيَمًكَمً وٍآبٌَِدًٍآعًٍآتُِِّْكَمً ๑-
انتقل الى:  

Google 1+
TAWDEEB CHAT BOX
widgeo.net
like
Alexa

LIKE TAWDEEB
Review www.tawdeeb.hooxs.com on alexa.com