横向、垂直多级下拉菜单jQuery应用

使用方法：

引入CSS样式文件

<link rel="stylesheet" type="text/css" href="css/superfish.css" />
<link rel="stylesheet" type="text/css" href="css/superfish-vertical.css" />
<link rel="stylesheet" type="text/css" href="css/superfish-navbar.css" />

引入jQuery库文件、必要插件JS文件、插件配置

<script type="text/javascript" src="http://ajax.useso.com/ajax/libs/jquery/1.4.2/jquery.min.js">script>
<script type="text/javascript" src="js/hoverIntent.js">script>
<script type="text/javascript" src="js/superfish.js">script>
<script type="text/javascript">
$(function(){
	$("ul.sf-menu,ul.sf-navbar").superfish();
	$("ul.sf-vertical").superfish({
	        animation:{opacity:'show',height:'show'},
			speed:'fast'
	});
});
script>

HTML部分

<ul class="sf-menu">
  <li><a href="#">首页</a></li>
  <li><a href="#">新闻</a>
     <ul>
         <li><a href="#">国内</a>
             <ul>
                 <li><a href="#">menu item1</a></li>
                 <li><a href="#">menu item2</a>
                      <ul>
                          <li><a href="#">Sub menu1</a></li>
                          <li><a href="#">Sub menu2</a></li>
                      </ul>
                 </li>
                 <li><a href="#">menu item3</a></li>
             </ul>
         </li>
         <li><a href="#">国际</a></li>
         <li><a href="#">社会</a></li>
         <li><a href="#">体育</a>
             <ul>
                 <li><a href="#">NBA</a></li>
                 <li><a href="#">世界杯</a></li>
                 <li><a href="#">足球反黑</a></li>
             </ul>
         </li>
         <li><a href="#">财经</a></li>
     </ul>
  </li>
  <li><a href="#">短信</a>
     <ul>
         <li><a href="#">短信</a></li>
         <li><a href="#">彩信</a></li>
         <li><a href="#">彩铃</a></li>
         <li><a href="#">SP</a></li>
     </ul>
  </li>
  <li><a href="#">娱乐</a>
     <ul>
         <li><a href="#">明星</a></li>
         <li><a href="#">电影</a>
             <ul>
                 <li><a href="#">动作</a></li>
                 <li><a href="#">科幻</a></li>
                 <li><a href="#">恐怖</a></li>
             </ul>
         </li>
         <li><a href="#">电视</a></li>
         <li><a href="#">视频</a></li>
         <li><a href="#">大片</a></li>
         <li><a href="#">综艺</a></li>
     </ul>
  </li>
  <li><a href="#">商城</a></li>
</ul>