##Usage Include js and css files.
<link href="css/webwidget_menu_glide.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/webwidget_menu_glide.js"></script>
Add html.
<div id="webwidget_menu_glide" class="webwidget_menu_glide">
<div class="webwidget_menu_glide_sprite"></div>
<ul>
<li><a href="http://www.htmldrive.net/">Home</a></li>
<li><a href="http://www.htmldrive.net/">News</a></li>
<li class="current"><a href="http://www.htmldrive.net/">About</a></li>
<li><a href="http://www.htmldrive.net/">Contact</a></li>
<li><a href="http://www.htmldrive.net/">More...</a></li>
</ul>
<div style="clear: both"></div>
</div>
Add startup script.
<script language="javascript" type="text/javascript">
$(function() {
$("#webwidget_menu_glide").webwidget_menu_glide(
{
menu_width:"100",
menu_height:"30",
menu_text_size:"15",
menu_text_color:"#CCC",
menu_sprite_color:"#666",
menu_background_color:"#000",
menu_margin:"5",
sprite_speed:"normal",
container:"webwidget_menu_glide"
});
});
</script>