إضافة تاثير تعدد الألوان للينكات فى مدونتك

05-13-2013, 09:20 PM

mdwan blog

مدون جديد

تاريخ التسجيل: May 2013

المشاركات: 58

إضافة تاثير تعدد الألوان للينكات فى مدونتك

أنا : mdwan blog

سجل معنا لتتمتع بهذه الخاصية

السلام عليكم ورحمة الله وبركاتة

كيفكم إخوانى الكرام أتمنى أن تكونوا بأفضل حااااااال

اليوم سنشرح طريقة إضافة تاثير تعدد الألوان لمدونتك عند مرور الماوس عليها

هناك أكواد كثيرة نشرت على بعض المدونات والمواقع ولكن بها أخطاء مع بعض المدونات

ولكن أنا جئت إليكم بالكود الصحيح والذى يعمل معكم بشكل صحيح إن شاء الله فقط من مدونة مدوّن

إبحث عن هذا الكود

اقتباس:

</head>

وأضف قبل الكود مباشرة هذا الكود

اقتباس:

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

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;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

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);
}
}
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

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);
}
}
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function ChangeColor()
{
objActive.style.color = makeColor();
}

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>

هذا هو الكود المخصص فى سرعة تحول اللون

اقتباس:

var rate = 15 ;

فى رعاية الله

المصدر: مدونة مدوّن http://mdwanblog.blogspot.com/2013/0...#ixzz2TD41rf6x

__________________

من مواضيع mdwan blog

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)

تاثير, تعدد, إضافة

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
إضافة الطقس في مدونتك	سبحان الله	إضافات وأدوات بلوجر	1	03-20-2013 07:08 PM
طلب تاثير على النصوص او الاضافات	Mr.Dawly	طلبات الدعم الفني	2	02-11-2013 10:34 PM
[ فيديو ] إضافة ازرار جميلة الى مدونتك	ilyass kéng	إضافات وأدوات بلوجر	4	12-14-2012 02:06 PM
اضافة أداة تحرير أكواد الألوان الى مدونتك في بلوجر	بلال حمدان	إضافات وأدوات بلوجر	2	09-13-2012 02:10 PM
طريقة إضافة مدونتك إلى alexa	bilal bel kamel	دروس بلوجر	1	08-05-2012 05:59 PM

إضافة تاثير تعدد الألوان للينكات فى مدونتك

إضافات وأدوات بلوجر