superfish插件基本使用

引进jQuery和superfish插件

<link rel="stylesheet" href="css/superfish.css">

<!--其次，用ul li做菜单内容-->

                       <ul class="sf-menu">
                            <a href="#" style="float:right"><img alt="" src="images/email_ioc.png" style="padding-left: 10px"></a>
                            <a href="#"><img alt="" src="images/phone_ioc.png" style="margin-left: 408px;padding-left: 10px;"></a>
                            <li><a class="active" href="index.html">首页</a></li>                        
                            <li><a href="services.html" class="fh5co-sub-ddown">产品与服务</a>
                                <ul class="fh5co-sub-menu">
                                     <li><a href="#">1</a></li>
                                     <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">行业资讯</a></li>
                            <li><a href="contact.html">联系我们</a></li>
                        </ul>

   var mainMenu = function() {

      $('ul.sf-menu').superfish({

         pathClass:,//激活的菜单项的class;

         delay: 0,//鼠标离开时菜单自动隐藏时间，毫秒记
         animation: {
            opacity: 'show'
         },//动画效果，同jQuery的animation
         speed: 'fast',//速度快慢，Normal，fast
         cssArrows: true,//箭头
         disableHI: true,

          hoverClass:"sfHover",//鼠标略过时的class；

           pathLever:1,//菜单级数

         

      });

   };