Kalau biasanya kita membuat image over menggunakan css, pada tutorial kali ini kita akan menampilkan atau membuat animasi efek over pada image menggunakan event mouse-over. Cara ini cukup mudah dan sederhana tidak terlalu sulit. kalau pada tutorial sebelumnya kita telah Membuat Background Image Animation dengan jQuery bagi yang belum membaca silahkan klik tautan tersebut. (more…)
Dalam tutorial ini, kita akan membuat animasi background image HTML dengan menggunakan jQuery dan CSS. Dalam tutorial sebelumnya, kita telah membuat jquery tooltips menggunakan bootstrap. Dalam tutorial ini, saya akan membuat background image bergerak ke arah vertikal atau horizontal. Untuk membuat background image bergerak vertikal dan horizontal saya mengubah posisi x atau y dari background image berdasarkan arah yang dipilih. (more…)
Dalam HTML, kita bisa menambahkan atribut title untuk suatu elemen. Teks yang ditentukan dalam atribut ini ditampilkan sebagai tooltip pada mouse over event. Dalam tutorial ini, kita akan membuat tooltips dengan menggunakan Bootstrap dan memiliki fitur tambahan yang baik di atas tooltip standar. Saya menginisialisasi tooltip Bootstrap dengan merujuk pada selector pada elemen id yang memicu fungsi tooltip. (more…)
Membuat jQuery auto load dan refresh secara otomatis dari server dan menampilkan halaman konten dengan cepat tentu sangat membantu para pengguna website karena mereka tidak perlu merefresh halam browser. Dalam tutorial ini, kita akan membuat jquery load secara otomatis dan merefresh DIV dengan interval berkala. Tutorial memuat otomatis jQuery ini akan membantu menyegarkan konten dengan feed terbaru, untuk memuat spanduk iklan acak, dll. (more…)
jQuery scrolling menu bar disini kita akan membuat sebuah menu layaknya sebuah one page website, Scrolling menu bar ini akan membuat scroll halaman akan lebih meningkatkan dalam menggunakan menu. Scrolling Menu Ini sangat membantu pengguna untuk mencapai area menu dengan mudah. (more…)
