العربية
<html> <head> <style> /* ضع أولاً نمط قائمة x هذه في css*/ .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:# ffffff ;border:1px Solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;} </style> <script> /* هذا لربط إجراء الحدث بـ الوظيفة الموجودة في القائمة */ function AttachXMenu(objid){ var tds=objid.getElementsByTagName('td'); for(var i=0;i<tds.length;i++){ with(tds[i]){ onmouseover =function(){ with(this){ filters[0].apply(); style.background='#FEBD20' // هذا هو لون الخلفية عندما يتحرك الماوس لأعلى style.border='1px Solid #ffffff' //Border style.color='black'; // مرشحات لون النص[0].play(); = '#336699'; // هذا هو لون الخلفية عندما يغادر الماوس style.border='1px Solid #336699'; //Border style.color='#ffffff'; // مرشحات لون النص[0].play () } } } } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>المؤثرات الخاصة لصفحة الويب</title> </head> <body> <!--تبدأ القائمة هنا، وانتبه إلى ضبط الفئة على نفس الفئة الموجودة في CSS، وتعيين معرف لها--> <table class="xmenu" id="xmenu0" width=" 500" cellpadding = " 1" cellpacing = "4" border = "0" bgcolor = "#00000" align = "center"> <tr> <td>المؤثرات الخاصة لصفحة الويب</td> <td>تنزيل المكون الإضافي </td> <td>الأكاديمية عبر الإنترنت </td> <td>قاعدة التنزيل</td> <td>تحالف مواقع الويب</td> <td>إنشاء موقع الويب</td> </tr> </table> <script >attachXMenu(xmenu0); // يتم تنفيذ إجراءات ربط الأحداث في نهاية الجدول أعلاه. xmenu0 هنا هو معرف الجدول</script> </body> </html>