تغییر منو بعد از کلیک

[hamednazarzadeh]

سلام
من یک منو دارم که برای نمایش آیتمها و دکمه های اون از عکس استفاده کردم . می خوام کاربر بعد از اینکه روی یکی از گزینه های منو کلیک کرد ، عکس اون گزینه منو عوض بشه .
لطفا اگه کسی می دونه نحوه انجام این کار و کدهای لازم رو بگه . ممنون
راستی یه سایت برای نمونه مثال می زنم :
http://almasrayan.ir (http://almasrayan.ir/)
اگه این سایت رو ببینید ، وقتی یکی از گزینه ها (مثلا خانه) انتخاب هست ، اون رو با یه رنگ دیگه نشون میده . من مثل این می خوام با این تفاوت که مال من عکسه . یعنی می خوام وقتی یه آیتم انتخابه ، توی منو یه عکس دیگه نشون بده . ممنون اگه دوستان راهنمایی کنند.

[hamednazarzadeh]

یعنی هیچ کس تا حالا این کار رو نکرده؟

[moslem.hady]

میخوای بعد از کلیک کردن عکس عوض بشه یا با رفتن موس روش؟!

[h.alizadeh]

اگر میخوای با رفتن ماوس روشون تغییرشکل بدند :

<style>
#roll2 {background-image:url(images/ba_2.jpg)}
#out {background-image:url(images/spacer.gif)}
</style>
<table width="200" border="1">
<tr>
<td height="27" align="right" valign="top" onMouseOut="this.id='out';" onMouseOver="this.id='roll2';"><div style="padding-right:48px; padding-top:5px"><a href="">پرسش و پاسخ</a></div></td>
</tr>
<tr>
<td height="28" align="right" valign="top" onMouseOut="this.id='out';" onMouseOver="this.id='roll2';"><div style="padding-right:48px; padding-top:5px"><a href="">ارتباط با ما</a></div></td>
</tr>
</table>

[hamednazarzadeh]

نه . می خوام بعد از اینکه کلیک شدند شکل دکمه ها عوض بشه . کد بالا با رفتن موس روی دکمه ها شکلشون رو عوض میکنه.

[maysam09]

باید با css به منو هات یه کلاس active تعریف کنی که وقتی در اون صفحه هستی رو منو تاثیر بزاره و شکل دلخواهتو بده

[hamednazarzadeh]

میشه یه مثال قرار بدین؟