Image Hover Sederhana dengan jQuery

Hover adalah efek atau perubahan yang terjadi apabila kursor kita mengarah pada suatu object. Pada kesempatan kali ini saya akan memberikan cara bagaimana memberikan efek hover pada gambar yang dimana ketika tersentuh kursor, gambar tersebut menghilang dengan efek slide.
dengan memberikan efek hover ini tentunya akan membuat tampilan website jadi terlihat lebih menarik. Langsung aja langkah pertama buat sebuah kotak dan didalamnya terdapat gambar

berikan style pada file HTML sebagai berikut



Dengan begitu kita hanya perlu menuliskan JQuery dengan fungsi hover dan mengambil data dari ukuran lebar pada css diatas.

Dikarenakan efek hover dibuat menggunakan jQuery, maka jangan lupa untuk memasukkan library jQuery pada file htmlnya serta tuliskan perintah berikut pada file index.php :

dan akan terlihat hasilnya di browser sebagai berikut

Sekalian dulu artikel kali ini. Terima kasih

1 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat