close
تبلیغات در اینترنت
تغییر تصویر با رفتن موس بر روی آن

خوش آمدید به باکس گراف

پایگاه تخصصی ابزاردهی و کد نویسی

انجمن

آمار و اطلاعات


آمار سایت
آمار سایت
  • افراد آنلاين : 1
  • ورودي گوگل :0
  • بازديد امروز : 87
  • بازديد ديروز : 16
  • آی پی های امروز : 2
  • آی پی های ديروز : 1
  • بازديد اين هفته : 155
  • بازديد اين ماه : 768
  • بازديد کل : 309,995
  • تعداد کل مطالب : 106
  • تعداد کل ديدگاه ها : 72
  • تعداد کل کاربران : 658
  • سئوسايت :100 %
  • پيج رنک گوگل : 1
  • دادن امتیاز به سایت :

تغییر تصویر با رفتن موس بر روی آن


تغییر تصویر با رفتن موس بر روی آن
با استفاده از این ابزار شما میتوانید کدهایی بسازید که با رفتن موس بر روی یک تصویر در صفحه به تصویر دیگری تبدیل شود و با برداشتن موس از روی آن دوباره به حالت اولیه باز گردد,این ابزار با دو مدل html وcss طراحی شده برای استفاده از ابزار به ادامه مطلب مراجعه کنید...


:: توجه کنید که در حالت css باید طول و عرض دقیق تصویر را وارد کنید در غیر این صورت نتیجه کار به درستی نمایش داده نمیشود,تفاوت مدل اول با دوم در این است که با css وقتی موس بر روی تصویر اول می رود تصویر بعدی در مدت زمان 0.3 ثانیه به نمایش در می آید و به کار زیبایی بیشتری می دهد ,البته این کد با استفاده از جی کوئری نیز ساخته می شود ولی به خاطر حجم بالای آن سرعت لود صفحه را پایین می آورد.



با استفاده از اچ تی ام ال با استفاده از سی اس اس
تصویر اول
تصویر دوم
متن جایگزین


نويسنده : سید حسن مرادی [مديرسايت]
یکشنبه 16 تير 1392

Omid

در تاریخ 8:38 ساعت 1396/7/6

مطلب عالی بود نمونه اش رو توی سایتی ندیدم


Gandomi

در تاریخ 10:19 ساعت 1395/6/7

سلام این دستور خیلی خوبه ولی من می خوام لینک بدم نمی شه

پاسخ : برای لینک دادن از طریق html به کد تصویر آدرس لینکتونو از طریق href اضافه کنید


نظری

در تاریخ 17:05 ساعت 1393/12/19

خیلی ممنون عالی بود

پاسخ : نظر لطفته, باتشکر .


vahid

در تاریخ 19:30 ساعت 1393/7/20

خیلی ممنونم، واقعا عالی بود


مرتضی مختار

در تاریخ 14:08 ساعت 1393/5/5

سلام
واقعاً عالی بود
نمیدونم چی بگم! واقعا که !!!!!!!!!!!!!
به امید پیشرفت هر چه بهتر
و عید را پیش از پیش مبارک میگوئیم برشما و به همه موجودات مهربان...
والسلام


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی