مهندسين كووول
منتدى مهندسين كووول
اهلا وسهلا ومرحبا بك اخى الزائر يسعدنا تسجيلك فى منتدى مهندسين كووول
www.engineer.akbarmontada.com




مهندسين كووول

مهندسون ....ونفتخر
 
الرئيسيةبحـثالتسجيلدخول
كـــــــــــــــــــــــــل عــــــــــــــــــــــــام وانتـــــــــــــــــــــــــــم بخــــــــــــــــــــــــــــــــــير
أسرة المنتدى ترحب بالاعضاء والسادة الزوار
مهندسين كووول www.engineer.akbarmontada.com
واجبنا نحو فلسطين الدعاء التبرع المقاطعة


شاطر | 
 

 كود روابط قوس قزح المعدل استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

الجنس : ذكر
العمر : 28
المشاركات 537
نقاط 1239
تاريخ التسجيل : 28/08/2008

مُساهمةموضوع: كود روابط قوس قزح المعدل استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل   الأربعاء 07 يوليو 2010, 6:41 pm



:فاصل: :فاصل: :فاصل:


هذا الكود يجعل الروابط تتغير الوانها بالوان طيف قوس القزح عند مرور الماوس عليها


تفضلو الكود

<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://engineer.akbarmontada.com
الحسين البيطار
مهندس نشيط
مهندس نشيط
avatar

الجنس : ذكر
العمر : 28
المشاركات 28
نقاط 55
تاريخ التسجيل : 09/09/2008

مُساهمةموضوع: رد: كود روابط قوس قزح المعدل استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل   الإثنين 02 أغسطس 2010, 4:58 pm

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.engineer,akbarmontada.com
 
كود روابط قوس قزح المعدل استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مهندسين كووول :: احلى منتدى :: عالم الاكواد :: أكوادhtml-
انتقل الى:  
<div style="background-color: none transparent;"><a href="http://www.rsspump.com/?web_widget/rss_ticker/news_widget" title="News Widget">News Widget</a></div>