أكواد مؤثرات الألوان:تغيير ألوان الجدول بمرور الماوس على الخلية
صفحة 1 من اصل 1
أكواد مؤثرات الألوان:تغيير ألوان الجدول بمرور الماوس على الخلية
تغيير ألوان الجدول بمرور الماوس على الخلية
1- انسخ هذا الكود و ضعه في منطقة HEAD
<script language="JavaScript1.2">
/* Highlight Table Cells Script-- By Dynamic Drive
* For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
* This credit MUST stay intact for use
* Visit our site at http://www.star28.com/ for more code
*/
var ns6=document.getElementById&&!document.all
var ie=document.all
function changeto(e,highlightcolor){
source=ie? event.srcElement : e.target
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD"&&source.tagName!="HTML")
source=ns6? source.parentNode : source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function contains_ns6(master, slave) { //check if slave is contained by master
while (slave.parentNode)
if ((slave = slave.parentNode) == master)
return true;
return false;
}
function changeback(e,originalcolor){
if
(ie&&(event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")||source.tagName=="TR"||source.tagName=="TABLE")
return
else if (ns6&&(contains_ns6(source, e.relatedTarget)||source.id=="ignore"))
return
if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source)
source.style.backgroundColor=originalcolor
}
</script>
2- أضف هذه الرموز لوسم الجدول المراد table ليصبح مثل هذا
<table onMouseover="changeto(event, 'lightgreen')" onMouseout="changeback(event, 'white')">
3- يمكنك إلغاء تغيير اللون لأي خلية تريدها td بإضافة هذا الرمز لها لتصبح هكذا
<td id="ignore">
مواضيع مماثلة
» أكواد مؤثرات الألوان:تغيير ألوان شريط تحريك الصفحة الجانبي و السفلي
» أكواد مؤثرات الألوان:كود لتغيير ألوان الخلفية بشكل رائع
» أكواد مؤثرات الألوان:غير لون الصفحة بمجرد مرور الماوس على اسم اللون
» أكواد مؤثرات الماوس:زهور حول الماوس
» أكواد مؤثرات الألوان:غير لون الصفحة حسب رمز اللون
» أكواد مؤثرات الألوان:كود لتغيير ألوان الخلفية بشكل رائع
» أكواد مؤثرات الألوان:غير لون الصفحة بمجرد مرور الماوس على اسم اللون
» أكواد مؤثرات الماوس:زهور حول الماوس
» أكواد مؤثرات الألوان:غير لون الصفحة حسب رمز اللون
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى