تغيير ألوان الجدول بمرور الماوس على الخلية

الاسم	البريد	العمر
ماهر	maher@mail.com	28
عمر	omar@mail.com	22
نور	noor@mail.com	18

طريقة التركيب
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.myarabvideos.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">
أغلق هذه الصفحة

 

الفيديو العربي   مكتبة الجافا   بلوتوث   ناعم العود   شبكة الوتر   دليل المواقع   عالم البلوتوث   افضل عشر مواقع   قمة المواقع