Menu drop down biasa menghiasi sebuah website yang mempunyai sub – sub menu dibagian navigasi atas. Dengan library jquery, menu drop down bisa dipermak menjadi lebih indah dan interaktif. Kali ini saya menyertakan beberapa tutorial bagaimana cara membuat menu drop down mengunakan librari jquery dan bahasa pemprograman lain yang tak bisa dipisahkan yaitu css ( cascading style sheet ) dan HyperText Markup Language (HTML) .
![](http://www.jquerylabs.com/wp-content/uploads/jquery.ui_.potato.menu_500.jpg)
Demo :
Demo and Documentation
Download :
Download Source Code
![](http://www.jquerylabs.com/wp-content/uploads/Building-a-dynamic-drop-down-menu_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
Download :
Download Source Code
![](http://www.jquerylabs.com/wp-content/uploads/Superfish-menu-jQuery-plugin_500.jpg)
Demo:
Demo Page
Download :
Download Page
![](http://www.jquerylabs.com/wp-content/uploads/jQuery-CSS-Example%E2%80%93Dropdown-Menu_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
![](http://www.jquerylabs.com/wp-content/uploads/Create-The-Fanciest-Dropdown-Menu-You-Ever-Saw_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
Download :
fancydropdown.zip
![](http://www.jquerylabs.com/wp-content/uploads/Sexy-Drop-Down-Menu_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
![](http://www.jquerylabs.com/wp-content/uploads/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery_500.jpg)
Demo :
Demo Page
Tutorial
Tutorial Page
Download
Download Source Code
![](http://www.jquerylabs.com/wp-content/uploads/css3-styled-jquery-dropdown_500.jpg)
Demo :
Demo Page
Dokumentasi :
Documentation Page
Download :
Download Source Code
![](http://www.jquerylabs.com/wp-content/uploads/jquery-simple-drop-down-menu-plugin_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
Download :
Download Source Code
![](http://www.jquerylabs.com/wp-content/uploads/smooth-navigational-menu_500.jpg)
Demo :
Demo Page
Dokumentasi :
Documentation Page
Download :
ddsmoothmenu.js
ddsmoothmenu.css
ddsmoothmenu-v.css
Ok. Semoga Bermanfaat.
( Image From Jqueryab.com )
sumber
Jquery Menu Potato
![](http://www.jquerylabs.com/wp-content/uploads/jquery.ui_.potato.menu_500.jpg)
Demo :
Demo and Documentation
Download :
Download Source Code
Dynamic Dropdown Menu
![](http://www.jquerylabs.com/wp-content/uploads/Building-a-dynamic-drop-down-menu_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
Download :
Download Source Code
Superfish Menu Jquery Plugin
![](http://www.jquerylabs.com/wp-content/uploads/Superfish-menu-jQuery-plugin_500.jpg)
Demo:
Demo Page
Download :
Download Page
Jquery dan CSS Dropdown Menu
![](http://www.jquerylabs.com/wp-content/uploads/jQuery-CSS-Example%E2%80%93Dropdown-Menu_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
The Fanciest Dropdown Menu
![](http://www.jquerylabs.com/wp-content/uploads/Create-The-Fanciest-Dropdown-Menu-You-Ever-Saw_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
Download :
fancydropdown.zip
Sexy Drop Down Menu
![](http://www.jquerylabs.com/wp-content/uploads/Sexy-Drop-Down-Menu_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
Dropdown Nav Menu
![](http://www.jquerylabs.com/wp-content/uploads/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery_500.jpg)
Demo :
Demo Page
Tutorial
Tutorial Page
Download
Download Source Code
CSS3 Styles Jquery Dropdown
![](http://www.jquerylabs.com/wp-content/uploads/css3-styled-jquery-dropdown_500.jpg)
Demo :
Demo Page
Dokumentasi :
Documentation Page
Download :
Download Source Code
Simple Dropdown Menu
![](http://www.jquerylabs.com/wp-content/uploads/jquery-simple-drop-down-menu-plugin_500.jpg)
Demo :
Demo Page
Tutorial :
Tutorial Page
Download :
Download Source Code
Smooth Navigational Menu
![](http://www.jquerylabs.com/wp-content/uploads/smooth-navigational-menu_500.jpg)
Demo :
Demo Page
Dokumentasi :
Documentation Page
Download :
ddsmoothmenu.js
ddsmoothmenu.css
ddsmoothmenu-v.css
Ok. Semoga Bermanfaat.
( Image From Jqueryab.com )
sumber
kk izin sedot..makasih.. :)
BalasHapushehehe..... numpang komen....
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusbahasannya terlalu tinggi,ikut menyimak saja
BalasHapus