دستور over در jQuery

[مهدی 1668]

سلام

در دستور زیر می‌خواهیم بیاموزیم چه‌طور بدون استفاده از css به هنگام آمدن موس بر روی تصویر آن تصویر تغییر کند

<p align="center"><a target="_blank" href="http://forum.wp-parsi.com/"><img height="191" border="0" width="191" alt="انجمن وردپرس پارسی" title="انجمن وردپرس پارسی"
src="http://forum.wp-parsi.com/uploads/monthly_05_2012/post-109-0-89121800-1336022038_thumb.png"]http://forum.wp-parsi.com/uploads/monthly_05_2012/post-109-0-89121800-1336022038_thumb.png[/url]"
onmouseover="this.src='[url="http://forum.wp-parsi.com/uploads/monthly_05_2012/post-109-0-75824800-1336022036_thumb.png"]http://forum.wp-parsi.com/uploads/monthly_05_2012/post-109-0-75824800-1336022036_thumb.png[/url]'" onmouseout="this.src='[url="http://forum.wp-parsi.com/uploads/monthly_05_2012/post-109-0-89121800-1336022038_thumb.png"]http://forum.wp-parsi.com/uploads/monthly_05_2012/post-109-0-89121800-1336022038_thumb.png[/url]'" ></a></p>

کمی توضیح بیشتر:

بعد از نوشتن src و وارد کردن تصویر اول (یا همان تصویری که می‌خواهید تا زمانی که موس روی آن نمایده نشان داده شود)

دستور

onmouseover="this.src=

نوشته می‌شود که می‌فهماند وقتی موس روی تصویر آمد (on mouse over) تصویر (this) نمایش داده می‌شود

دستور

onmouseout="this.src

هم مانند قبل٬ وقتی موس از روی تصویر کنار می‌رود (on mouse out) تصویر (this) نمایش داده می‌شود

فقط توجه کنید که دستور بعد از (onmouseover) و (onmouseout) بین دو علامت (") و دستور بعد از (this.src) بین دو (') قرار می‌گیرد

برای آزمایش کدهای قسمت اول را در اینجا وارد کنید و نتیجه را ببینید

موفق باشید

یا علی