..! رابط بألوان قوس قزح !..
+11
The Godfather
Dafinshi
BJO
Marvel
Avast
DarkWeb
SLGray
same7
تامر معاز
نايبل الازهر
عبد الرؤوف
15 مشترك
- عبد الرؤوفلمسة حرة
- الدولة :
المساهمات : 1805
نقاط : 2225
..! رابط بألوان قوس قزح !..
الأربعاء نوفمبر 28, 2018 12:28 am
السلامـ عليكمـ ورحمهـ الله وبركاتهـ
----
أضع اليوم بين أيديكم
كود يجعل الرابط متغير اللون (الوان قوس قزح)
--------
الكود
الكود:تحديد الكود
- الكود:
<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>
وهنا طريقة استخدام الاكواد
طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى
ملاحظة
يظهر الكود على الصفحة الرئيسية والبوابة فقط
ولا يمتد تأثيره داخل الاقسام
بالتوفيق للجميع
ودي..
- نايبل الازهرلمسة حرة مبتدئ
- الدولة :
المساهمات : 236
نقاط : 236
العمر : 24
رد: ..! رابط بألوان قوس قزح !..
الخميس ديسمبر 13, 2018 2:44 pm
مشكوووووور علي الكود المميز
- تامر معازلمسة حرة مبتدئ
- الدولة :
المساهمات : 150
نقاط : 150
العمر : 25
رد: ..! رابط بألوان قوس قزح !..
الخميس ديسمبر 13, 2018 6:04 pm
مشكور علي الموضوع القيم والمميز
- same7لمسة حرة مبتدئ
- الدولة :
المساهمات : 210
نقاط : 210
العمر : 25
رد: ..! رابط بألوان قوس قزح !..
الجمعة ديسمبر 14, 2018 8:18 am
مشكور علي الموضوع القيم والمميز
- SLGrayلمسة حرة مبتدئ
- الدولة :
المساهمات : 294
نقاط : 347
العمر : 22
الموقع : عرب واي
رد: ..! رابط بألوان قوس قزح !..
الجمعة ديسمبر 14, 2018 3:07 pm
سلمت يداك علي الموضوع المميز
- DarkWebلمسة حرة مبتدئ
- الدولة :
المساهمات : 125
نقاط : 127
العمر : 25
رد: ..! رابط بألوان قوس قزح !..
الجمعة ديسمبر 14, 2018 6:39 pm
مشكور علي الموضوع القيم وسلمت يمناك
- Avastلمسة حرة مبتدئ
- الدولة :
المساهمات : 206
نقاط : 206
العمر : 24
رد: ..! رابط بألوان قوس قزح !..
الإثنين ديسمبر 31, 2018 5:23 pm
مشكوووووور علي الكود المميز
- Marvelعضو جديد
- الدولة :
المساهمات : 33
نقاط : 33
رد: ..! رابط بألوان قوس قزح !..
الثلاثاء يناير 01, 2019 9:52 am
سلمت يداك علي الموضوع المميز
- BJOلمسة حرة
- الدولة :
المساهمات : 1603
نقاط : 2575
العمر : 23
الموقع : عرب واي
رد: ..! رابط بألوان قوس قزح !..
الخميس يناير 03, 2019 11:13 am
شكرا لك علي المتابعة واصل ابداعك
- The Godfatherلمسة حرة
- الدولة :
المساهمات : 400
نقاط : 412
رد: ..! رابط بألوان قوس قزح !..
الإثنين يناير 07, 2019 8:25 pm
بصراحه انت تمتلك ذوق راقي في جـلب ماهو مميّز وجميل
- khaked22لمسة حرة
- الدولة :
المساهمات : 653
نقاط : 651
العمر : 24
رد: ..! رابط بألوان قوس قزح !..
الجمعة يناير 18, 2019 1:55 pm
شكرا علي الموضوع
رد: ..! رابط بألوان قوس قزح !..
الأربعاء يناير 23, 2019 8:40 am
روووووعه
يعطيك العافيه ولا حرمنا جديدك
دمتم بخير
يعطيك العافيه ولا حرمنا جديدك
دمتم بخير
- Generalلمسة حرة مبتدئ
- الدولة :
المساهمات : 176
نقاط : 176
العمر : 21
رد: ..! رابط بألوان قوس قزح !..
الأربعاء يناير 30, 2019 2:11 pm
thx
- كلبشلمسة حرة مبتدئ
- الدولة :
المساهمات : 80
نقاط : 82
العمر : 32
رد: ..! رابط بألوان قوس قزح !..
الأربعاء فبراير 06, 2019 8:15 pm
شكر لكم
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى