این آموزش به شما خواهد آموخت که منویی بسازید که با رفتن موش بر روی منو رنگ آن تغییر کند. اگر توجه داشته باشید اینگونه منوها را در سایتهای مختلف دیده اید.
1: td class="off" 2: onmouseover="this.className='on'" 3: onmouseout="this.className='off'" خب این هم کدهای این آموزش به صورت کامل برای آنهایی که میخواهند بدون آموزش فقط از این امکان استفاده کنند و به چند و چون کار علاقه ای ندارند : کد: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Table Background Change</title> <style type="text/css"> td.off { background: #CCCCCC; } td.on { background: #999999; } </style> </head> <body> <table width="150" cellpadding="3"> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 1 </font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 2 </font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 3</font></td> </tr> <tr> <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">Menu 4 </font></td> </tr> </table> </body> </html>
نمونه:
سلام دوست عزیزممنون که بهم سر زدی٬ وب لاگ خیلی خوبه . مفید در کل٬ حــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــآ ل کردمبهت لینک دادم مسعود از وب لاگ جادوهای ویندوز
سلام دوست عزیز
ممنون که بهم سر زدی٬ وب لاگ خیلی خوبه . مفید در کل٬ حــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــآ ل
کردم
بهت لینک دادم
مسعود از وب لاگ جادوهای ویندوز