Image Hover Sederhana dengan jQuery

01/03/2015    Ekky Ridyanto    1275     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More