Cara Membuat Image Over dengan jQuery slideToggle

Cara Membuat Image Over dengan jQuery slideToggle

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…)

Cara Membuat Background Image Animation dengan jQuery

Cara Membuat Background Image Animation dengan jQuery

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…)

Cara Membuat Tooltips dengan Bootstrap

Cara Membuat Tooltips dengan Bootstrap

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…)

Cara Membuat jQuery DIV Auto Load and Refresh

Cara Membuat jQuery DIV Auto Load and Refresh

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…)