<! DOCTYPE html>
<title>index.html</title>
<meta http-equiv= "keywords" content= "keyword1,keyword2,keyword3" >
<meta http-equiv= "description" content= "This is my page" >
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<link rel= "stylesheet" href= "Css/superfish.css"/>
<link rel= "stylesheet" href= "Css/superfish-navbar.css"/>
<link rel= "stylesheet" href= "Css/superfish-vertical.css"/>
<script type= "Text/javascript" src= "Js/jquery-1.9.1.min.js" ></script>
<script type= "Text/javascript" src= "Js/superfish.js" ></script>
<script src= "Js/hoverintent.js" ></script>
<script type= "Text/javascript" >
$ (function () {
$ ("#example"). Superfish ({
delay:0,
Animation: {opacity: ' Show ', Height: ' Show '},
Speed: ' Fast ',
Autoarrows:true,
Dropshadows:true
});
});
</script>
<body>
<ul class= "Sf-menu" id= "Example" >
<li class= "Current" >
<a href= "#" >menu Item 1</a>
<ul>
<li>
<a href= "#" >menu item</a>
</li>
<li class= "Current" >
<a href= "#" >long menu item sets sub width</a>
<ul>
<li class= "Current" >
<a href= "#" >menu item</a>
<ul>
<li class= "Current" ><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
<li>
<a href= "#" >menu item</a>
<ul>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
<li>
<a href= "#" >menu item</a>
<ul>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href= "#" >menu Item 2</a>
</li>
<li>
<a href= "#" >menu Item 3</a>
<ul>
<li>
<a href= "#" >menu item</a>
<ul>
<li><a href= "#" >short</a></li>
<li><a href= "#" >short</a></li>
<li><a href= "#" >short</a></li>
<li><a href= "#" >short</a></li>
<li><a href= "#" >short</a></li>
</ul>
</li>
<li>
<a href= "#" >menu item</a>
<ul>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
<li>
<a href= "#" >menu item</a>
<ul>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
<li>
<a href= "#" >menu item</a>
<ul>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
<li>
<a href= "#" >menu item</a>
<ul>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
<li><a href= "#" >menu item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href= "#" >menu Item 4</a>
</li>
</ul>
</body>
