رفتن به مطلب

دستور over در jQuery


پست های پیشنهاد شده

سلام

در دستور زیر می‌خواهیم بیاموزیم چه‌طور بدون استفاده از 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) بین دو (') قرار می‌گیرد

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

موفق باشید

یا علی

post-109-0-75824800-1336022036_thumb.png

post-109-0-89121800-1336022038_thumb.png

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...