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

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

منتدى اسلاميات
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

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

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

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

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

» الكافي في فقه أهل المدينة المالكي
من طرف طالب علم الأربعاء فبراير 24, 2016 8:23 am

» رسائل دعويه
من طرف طالب علم الأربعاء فبراير 24, 2016 8:22 am

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:45 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:44 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:38 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:25 pm

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

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


شاطر | 
 

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

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

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

مُساهمةموضوع: كود ألوان قوس قزح - على الروابط   الأحد أكتوبر 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>
الكود يوضع في اي مكان تريد ولكن ينصح بوضعه بجميع الصفحات افضل ,

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://aslameat.alafdal.net
فتاة الربيع



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

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


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

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

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