Hallo semua, kali ini saya bagikan tutorial jQuery membuat effek gambar hover, ini biasanya digunakan untuk tampilan slide show, atau tampilan bagian awal konten website.
Berikut langkah-langkahnya..
Pertama jalankan xampp yang ada di kamputer anda, selanjutnya buka file xampp/htdocs, Selanjutnya dalam folder htdocs buatlah folder baru dengan nama jquery.
selanjutnya buatlah file baru dalam folder jquery dan simpan sesuai dengan extensi seperti dibawah ini. catatan: setiap file yang dibuat salinlah kode yang terterah dibawah ini sebelum disimpan.
jquery.js
jquery.olbersblog.min.js
style.css
hover.html
Sika sudah selesai, selanjutnya copy dan paste file berupa gambar dengan type .PNG kemudian gambar-gamber tersebut di berinama 1, 2, 3, 4.
selanjutnya buka browser anda dan jalankan url : http://localhost/jquery/hover.html ,Maka akan tampil seperti pada gambar dibawah ini.
Download Source Code
Sekian dan Terima kasih, semoga bermanfaat.
style.css
hover.html
Sika sudah selesai, selanjutnya copy dan paste file berupa gambar dengan type .PNG kemudian gambar-gamber tersebut di berinama 1, 2, 3, 4.
selanjutnya buka browser anda dan jalankan url : http://localhost/jquery/hover.html ,Maka akan tampil seperti pada gambar dibawah ini.
Sekian dan Terima kasih, semoga bermanfaat.
Posting Komentar
Tinggalkan komentar anda untuk setiap post yang mungkin bagi anda sangat bermanfaat.