منتدى اسلاميات
كود ألوان قوس قزح - على الروابط 295873510
منتدى اسلاميات
كود ألوان قوس قزح - على الروابط 295873510
منتدى اسلاميات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدى اسلاميات

منتدى اسلاميات
 
الرئيسيةأحدث الصورالتسجيلدخول

أنت تتصفح منتدى اسلاميات

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

المواضيع الأخيرة
» الكسل والنشاط
كود ألوان قوس قزح - على الروابط Emptyمن طرف سبع السّبع المثاني السبت أبريل 30, 2016 4:01 pm

» الكآبة والسعادة ..
كود ألوان قوس قزح - على الروابط Emptyمن طرف سبع السّبع المثاني السبت أبريل 30, 2016 3:58 pm

» الكافي في فقه أهل المدينة المالكي
كود ألوان قوس قزح - على الروابط Emptyمن طرف طالب علم الأربعاء فبراير 24, 2016 8:23 am

» رسائل دعويه
كود ألوان قوس قزح - على الروابط Emptyمن طرف طالب علم الأربعاء فبراير 24, 2016 8:22 am

» رسائل دعويه
كود ألوان قوس قزح - على الروابط Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:45 pm

» رسائل دعويه
كود ألوان قوس قزح - على الروابط Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:44 pm

» رسائل دعويه
كود ألوان قوس قزح - على الروابط Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:38 pm

» رسائل دعويه
كود ألوان قوس قزح - على الروابط Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:25 pm

» رسائل دعوية
كود ألوان قوس قزح - على الروابط Emptyمن طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm

» رسائل دعوية
كود ألوان قوس قزح - على الروابط Emptyمن طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm


 

 كود ألوان قوس قزح - على الروابط

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
الرسام
Admin
الرسام


عدد المساهمات : 1164
نقاط : 3488
السٌّمعَة : 1
تاريخ التسجيل : 05/09/2013

كود ألوان قوس قزح - على الروابط Empty
مُساهمةموضوع: كود ألوان قوس قزح - على الروابط   كود ألوان قوس قزح - على الروابط Emptyالأحد أكتوبر 06, 2013 2:59 pm

السلام عليكم
اليوم اقدم لكم كود جميل و مشهور , الكود يعطي مظهرا جميلا للروابط بحيث عند وضع الماوس على الرابط يتغير لونه الى الوان كثيرة و مختلفة اي جعل الرابط ملون بقوس قزح اتركك لتتمتع مع هده الالوان الجميلة - Very Happy


الكود:
<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>
الكود يوضع في اي مكان تريد ولكن ينصح بوضعه بجميع الصفحات افضل ,

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://aslameat.alafdal.net
فتاة الربيع




عدد المساهمات : 23
نقاط : 32
السٌّمعَة : 9
تاريخ التسجيل : 09/10/2013

كود ألوان قوس قزح - على الروابط Empty
مُساهمةموضوع: رد: كود ألوان قوس قزح - على الروابط   كود ألوان قوس قزح - على الروابط Emptyالأربعاء أكتوبر 09, 2013 8:44 pm


تَحية تلطفهآ قلوب طيبة ونقٌية
آ‘لتميزٍ لآ يقفٌ عندْ أولْ خطوٍة إبدآعٌ
بلْ يتعدآه في إستمرآرٍ آلعَطآءْ

ووآصلي فيٌ وضعٌ بصمـتكـ بكل
حرٍفٌ تزخرفيه لنآ‘
مِنْ هنآ أقدمٌ لكـ بآقـة وردْ ومحبـة خآلصـة لله تعآلىٌ
وٍنحن دوٍمآ نترٍقبٌ آلمَزٍيدْ
ودٍيٌ قبْلٌ رٍدْيٌ
وسَلآإميٌ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود ألوان قوس قزح - على الروابط
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى اسلاميات :: قسم التطوير :: منتدى التطوير :: قسم اكواد اكواد Html-
انتقل الى: