Pada artikel kali ini saya buat terinspirasi dengan ketika saya mencari tombol mana untuk mendownload sebuah file di website, kebetulan ada sebuah tombol dimana ketika saya klik tombol itu, yang ada bukan langsung mendownload tetapi kita di arahkan kepada tombol download yang di sediakan, kira-kira seperti itu, tetapi disini saya akan membuat dimana ketika saya arahkan mouse itu kedalam sebuah gambar maka background pada sebuah paragraf maka akan berubah warnanya sesuai dengan yang kita inginkan, oke bagaimana cara memberikan background warna saat mengklik gambar dengan Jquery, simak terus ya teman-teman.

Jadi ketika kita ingin cara memberikan background warna saat mengklik gambar dengan Jquery, kita bisa menggunakan jquery ya, nanti disini saya akan menambahkan efek sedikit kitika mouse meninggalkan sebuah gambar tersebut, jadi ketika mouse di atas gambar maka akan timbul efek warna pada sebuah paragraf di bawahnya, tetapi ketika mouse itu meninggalkan sebuah gambarnya maka warna pada background paragraf akan berubah ke warna lain kurang lebihnya seperti itu ya teman-teman, pembuatnya cukup simple ko teman-teman, kita hanya membuat function dimana ketika mouse di atas, maka kita berikan css kepada sebuah paragrafnya. Oke langsung saya kita lihat struktur html dan javascriptnya ya.

Oke bisa di lihat teman-teman langsung juga bisa langsung fokus kepada sebuah jquerynya ya, bagaimana cukup simple bukan, oke sekarang kita langsung saja lihat hasilnya:

cara memberikan background warna saat mengklik gambar dengan Jquery

Mungkin dengan gambar di atas tidak akan terlihat efeknya ya, jadi teman-teman harus mencobanya sendiri, maka akan terlihat, oke saya rasa cukup sampai disini dulu belajar kita tentang cara memberikan background warna saat mengklik gambar dengan Jquery, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terima kasih.

 

WhatsApp chat