آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!
0 267 ۲۳ اردیبهشت ۹۶ محمد اسفندیاری

در این مطلب نمونه 11 برای نمایش رسانه از قبیل تصویر و ویدیو با عنوان Media PopUp Effect رو قرار میدم که میتونین از اون استفاده کنید. زمانی که بر روی کلمه ای که رنگ متفاوت دارد هاور میکنید، رسانه مرتبط با اون نمایش داده میشه.

همونطور که دیدید زمانی که بر روی کلمه زرد رنگ هاور میکنیم، یک تصویر با متن با استایل زیبا نمایش داده میشه.

کد HTML :

کد CSS :

در این نمونه از Normalize.css استفاده شده است.

کد JS:

در این مطلب از imagesLoaded استفاده شده است.

امیدوارم خوشتون بیاد.

موفق باشید. یا علی

Source

نوع کد رايگان

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :