Resizing Menu dengan JQuery

10/10/2014    Rully Febrian    661     Website

Resizing Menu merupakan menu bar yang dibuat dengan HTML dan CSS yang dikombinasikan dengan jquery sehingga menampilkan animasi yang mengubah ukuran menu ketika dilakukan scroll. Dalam tutorial ini saya akan mengajarkan bagaimana membuat menu yang dapat merubah ukuran. Bukan hanya menu, logo yang terdapat di menubar akan ikut merubah ukurannya.

Sekarang silahkan teman-teman buat kode html seperti dibawah ini :

Resizing-Menu-dengan-JQuery

Tambahkan style css seperti berikut :

Resizing-Menu-dengan-JQuery

Kemudian tambahkan perintah javascript sebagai berikut :

Resizing-Menu-dengan-JQuery

Simpan kode diatas dan jalankan pada browser. Untuk memiliki kodenya kalian bisa download dibawa ini :

 

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More