آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!
0 188 ۲۱ اردیبهشت ۹۶ محمد اسفندیاری

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

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

کد CSS :

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

کد JS:

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

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

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

Source

نوع کد رايگان

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram