Resizing Menu dengan JQuery

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 :

Tambahkan style css seperti berikut :

Kemudian tambahkan perintah javascript sebagai berikut :

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