Disini saya akan mencoba membuat lagi tentang method yang ada pada jquery, yaitu hover ya, kenapa saya membuat seperti ini, intinya si iseng ya, jadi berdasarkan pengalaman saya melihat contoh project html dari dumet school, dimana ada sebuah gambar ketika hovernya di letakan di atas gambar tersebut, maka gambar itu akan menimbulkan efek hover yang sudah di style misal, yang tadinya gambarnya buram(sama) ketika saya hover jadi jelas seperti itu, oke jangan kemana simak terus untuk membuat efek hover sederhana dengan jquery.

Seperti yang saya tulis di atas jadi contoh yang akan saya berikan untuk membuat efek hover sederhana dengan jquery, adalah dengan sebuah gambar juga ya teman-teman, jadi jika pada saat project hover kita letakan di atas gambar, maka style hover pada gambar tersebut akan aktif ya, tetapi disini saya akan membuat dengan cara ketika saya mengarahkan crusor pada sebuah tombol maka gambar tersebut akan mengeluarkan hover yang sudah saya style, seperti itu, oiya disini saya menggunakan jquery ya, jadi teman-teman harus sudah punya terlebih dahulu basic menggunakan jquery, oke seperti apa cara membuatnya simak terus ya.

Cukup panjang ya, jadi disini saya menambahkan sedikit jadi tidak hanya ketika kita hover saja, tetapi ketika saya klik tombolnya gambar tersebut akan membersar jadi width dah heightnya saya tambahkan ketika saya klik tombol tersebut, seperti itu, oke seperti ini ya hasilnya:

membuat efek hover sederhana dengan jquery

Ini ketika saya hover ya, gambar sebelumnya sebenarnya buram ya, gambar di atas jadi terang kerika saya hover tombolnya, oke sekarang kita lihat ketika saya klik tombol tersebut:

membuat efek hover sederhana dengan jquery

Jadi besar kan, oke saya rasa cukup sampai disini dulu belajar kita tentang membuat efek hover sederhana dengan jquery, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.