مهدی

دستور over در jQuery

1 پست در این موضوع قرار دارد

سلام

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

9

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط behnamstar
      سلام و عرض ادب
      من یه سایت وردپرسی دارم که به تازگی تغییر دامنه روش انجام دادم که بعد ازینکار مشکل عجیبی اتفاق افتاده 
      من دامنه ی https://damane1.co m رو ریدایرکت کردم به https://damane2.co m الان اتفاقی که میفته دامنه 1 ریدایرکت میشه روی دامنه 2 
      ولی زیر دامنه ها ریدایرکت نمیشن 
      مثلا روی این لینک کلیک بشه (https://damane1.co m/linksite) باید این لینک باز شه (https://damane2.co m/linksite)
      ولی این لینکها جدا جدا باز میشن 
      فقط دامنه https://damane1.co m روی https://damane2.co m ریدایرکت میشه بقیه ی لینک ها همه جدا جدا باز میشن.
      ممنون میشم از دوستان کمک کنن 
      حتی به هاست پشتیبانی هم تیکت دادم ولی متوجه مشکل نشدن.
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، علت پرش صفحه زمان hover شدن موس روی یک div در جی کوئری چیه؟
      $(".box #a-x").hover(function() { $('#x-img').stop().fadeIn('400'); }, function() { $('#x-img').stop().fadeOut('300'); }); $(".box #a-y").hover(function() { $('#y-img').stop().fadeIn('400'); }, function() { $('#y-img').stop().fadeOut('300'); }); البته بیش تر از این تعداده حدود 7 تگ هستش. لطفا راهنمایی کنید.
      با تشکر و سپاس
    • توسط hatef
      سلام دوستان
      خسته نباشید من پسرم 15 سالشه و عاشق کامپیوتر و برنامه نویسی مخصوصا طراحی سایته. متاسفانه آموزش برنامه نویسی برای بزرگسالان زیاده اما منی که برای کودکان میخوام اصلا نیستش شما ها که همگی واردید در این زمینه آیا سایتی میشناسید که بتونه برای کودکان برنامه نویسی رو ساده و در حد خودشن یاد بده؟
      البته یکی دوتا سایت هستش برای کودکان که آموزش های زیادی دارن بعد آموزش برنامه نویسی هم دارن اما الان دقیق نمیتونم لینکشو بدم چون پیداش نمیکنم اما آدرس کلی سایتشونو میدم اگزر چک کنید هستش توش. معرفی کنید ممنون میشم.
       
      این سایت آموزش های همه چی در مورد کودکان داره ولی لینکه برنامه نویسشو پیدا نمکینم:
      https://kodakanema.com/
       
      این سایتم که خیلی معروفه اینم هستش.
      https://www.ninisite.com/
      یکی دیگه هم هستش اسمش فرادرسه اما نمیدونم چجوریه
      https://faradars.org/courses/fvsch9503-scratch-visual-programming-for-children
    • توسط Streetlife
      سلام دوستان گرامی و متخصصان
      بنده یک سوال مهم و یک راهنمایی از اساتید نیازمندم
      میخوام به یک سایت وردپرسی به صورت پاپ اپ یک صفحه نطرسنجی رو اضافه کنم.نظرسنجی به صورت پاسخ دلخواست و میخام کاربر وقتی میخواد کلمه ی مورد نظر که از محصولات سایت هستش رو تایپ میکنه با نوشتن قسمتی از اون به صورت پیشنهادی کلمات مشابه رو نشون بده مثل گوگل
      هرچی گشتم چیزی رو پیدا نکردم خواهشمندم راهنمایی بفرماااییید
    • توسط amirmt
      سلام و عرض ادب هنگامی که سایتم و میخوام باز کنم و ادرسش رو سرچ میکنم یه صفحه سفید باز میشه که این اخطار رو میده 
      Parse error: syntax error, unexpected 'text' (T_STRING) in /home/unickir/public_html/wp-includes/class-oembed.php on line 461
      کسی میدونه مشکل کجاست و کمک کنه
      ادرس سایت}: www.unick.ir