Membuat Gambar Berubah Saat Ada Kursor

Pada Artikel Sebelumnya, dani Sudah Membahas Tentang Cara Membuat Kursor Berubah Saat Berada Di Gambar, Namun Di Artikel Kali Ini, Akan Kita Buat Kebalikannya, Yaitu Gambar Berubah Saat Di Dekati Kursor. Hal Yang Utama Dan Harus Kalian Sediakan Adalah 2 Gambar Yang Tampilannya Berbeda. Kalau Bisa Pilihlah Gambar Yang Hanya Memiliki Sedikit Perbedaan.
Karena Itu Disini dani Akan Memberi Contoh Demonya.
Gambar1:
Gambar 2:

Kita Gabungkan Dengan Rumus Gambar 1+Gambar 2(Versi Matematika) Dan Hasilnya:

Pingin Buat Kayak Gitu? Silahkan Ikuti Langkah Di Bawah Ini:
1) Login Ke Blogger
2) Masuk Ke Posting > Entri Baru
3) Ketiklah Artikel Anda
4) ketika Ingin Menyisipkan Gambar, Sisipkan Kode Ini Dalam Versi Html:
<img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8YRUTcvWoGlI56kUMr7xAZ722vmr1ztxBUP2wFdazXuMURB5mHTycfzKPl3gcNBnkB-aPVGkqllMj1b_DfqWQ6qFSLXWZPUhXkCSbpFMsWR0zxMgEI7Elu2n2dGMwjR5bdEJGqKSmgdw/s1600/cooltext-starchem05.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbg4Hg4QqwCu2FUZ68oy8TGjLSvxk6oXmxbxcZfxE2BkmXSd6gcGJLGimJUFP38O-ju0rWszJtWGCwWXcCs-MHDyLQANFdiXk_dCTtFmye1xcISS7lULczNdFPGM1paI9bAIfflkIMaNhK/s1600/cooltext-starchem05-2.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8YRUTcvWoGlI56kUMr7xAZ722vmr1ztxBUP2wFdazXuMURB5mHTycfzKPl3gcNBnkB-aPVGkqllMj1b_DfqWQ6qFSLXWZPUhXkCSbpFMsWR0zxMgEI7Elu2n2dGMwjR5bdEJGqKSmgdw/s1600/cooltext-starchem05.png" />
5) Ubah Tulisan Berwarna Merah Dengan URL Gambar Sebelum Di Sentuh Kursor
6) Ubah Tulisan Berwarna Biru Dengan URL Gambar Setelah Disentuh Kursor
7) Terbitkan

Komentar