superfish插件基本使用

来源：互联网发布：锐捷 mac过滤编辑：程序博客网时间：2024/06/05 09:33

引进jQuery和superfish插件

                       <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,//菜单级数

});

};

阅读全文

0 0