Welcome In Hudi Net

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial

Untuk membuatnya Silahkan : KLIK DISINI

Membuat Efek Gambar Berubah Ketika Tersentuh Cursor Mouse

20.12 | Diposting oleh Hudi Art |

Penasaran? Copy kode dibawah ini..

<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>

<center><a class="pic" href="LINK TUJUAN JIKA GAMBAR DIKLIK">
<img class="image1" src="URL GAMBAR 1" />
<img class="image2" src="URL GAMBAR 2" /></a></center>

Ket:
URL GAMBAR 1 : ganti dengan url gambar pertama anda
URL GAMBAR 2 : ganti dengan url gambar kedua anda.
LINK TUJUAN JIKA GAMBAR DIKLIK : isi dengan link yang akan di tuju

Letakkan cursor anda pada gambar dibawah ini, lihat perubahan pada gambar :)