Membuat Efek Gambar Rollover (Mengubah Gambar Pada Mouseover)
Efek Rollover yaitu satu di mana suatu objek perubahan web image (swap itu sendiri) pada mouse ke objek web lain (disebut rollover) dan beralih kembali ke gambar orisinil pada ketika mouse keluar.
Gambar rollover dimuat ke dalam halaman ketika sedang loading, ini memastikan bahwa rollover ditampilkan dengan cepat. The onMouseOver dan onMouseOut yaitu atribut dari tag link yang dipakai untuk menciptakan ini fungsional.
Demo: Tempatkan mouse Anda di atas gambar di bawah ini untuk melihat pengaruh rollover nya
Anda mempunyai isyarat berikut:
<a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>
Mengubah teks berwarna menyerupai berikut:
1. URL ADDRESS ini yaitu alamat di mana seseorang akan dikirim ketika klik pada gambar. Contoh, alamat blog saya: https://duniatutorials.blogspot.com
2. URL OF THE FIRST IMAGE GOES HERE Ganti teks orange (dua kali) dengan alamat URL gambar yang akan muncul sebelum Anda mendekatinya.
3. URL OF THE SECOND IMAGE GOES HERE Ganti teks warna biru dengan url gambar yang akan muncul ketika kursor melayang di atasnya.
Sekarang Anda sanggup menyisipkan gambar Anda di dalam gadget blog, tepatnya di Tata Letak > klik Tambah widget (sebelah kanan) > Pilih HTML / JavaScript dari jendela pop-up, lalu menambahkannya ke sidebar Anda .
Anda juga sanggup menambahkan di dalam posting Anda dengan pergi ke New Post> Beralih ke tab HTML dan lalu paste isyarat di kotak kosong. itu saja. Nikmati;)
Sumber https://duniatutorials.blogspot.com/