Wijmo UI for the Web
Markup and Scripting
The HTML markup for a wijmenu widget looks like this.
| Markup |
Copy Code |
|---|---|
<ul id="menu"> <li><a>Menu Item 1</a> <ul> <li><a>Menu Item 1a</a></li> <li><a>Menu Item 2a</a></li> </ul> </li> <li><a>Menu Item 2</a></li> <li><a>Menu Item 3</a></li> </ul> | |
You can initialize the widget with the following jQuery script.
| Script |
Copy Code |
|---|---|
<script type="text/javascript"> $(document).ready(function () { $("#menu").wijmenu({ orientation: "vertical", showAnimation: { animated: 'puff', duration: 1000 } }); }); </script> | |
The markup and script featured here results in the following live widget. Mouse over Menu Item 1 to see the animation.