常识 共享 合作 bodog官网

    bodog官网专心于网页资料下载,供给博狗博彩、网页规划、ps资料、图片资料等,服务于【个人站长】【网页规划师】和【web开发从业者】的代码资料与规划资料网站。

    bodog官网供给网页资料下载、博狗博彩
    常识 共享 合作!

    jquery导航下拉菜单两级滑润导航菜单

    作者:佳明妈 来历:jquery特效 2012-05-30 人气:
    jquery代码简洁明了,html结构简洁明了,这儿仅仅随意写一下,jquery导航下拉菜单两级滑润下拉。调用代码: $.navlevel2("li.mainlevel",300); 只的是主菜单的标签

    jquery代码简洁明了,html结构简洁明了,css请自行修正定制,这儿仅仅随意写一下,jquery导航下拉菜单两级滑润下拉。高手能够不要看文字阐明^_^

    调用代码: $.navlevel2("li.mainlevel",300); 只的是 主菜单的 标签,也不必定要是li,比方你搞成div结构你就写div.mainlevel也是一个作用地。
    300 是指鼠标逗留 300 毫秒才触发下拉菜单,有没有发现,有些菜单鼠标快速滑过的时分,一切的菜单都开端滑出,体会适当欠好。bodog官网的jquery代码中但凡相似  $.navlevel2("li.mainlevel",300); 这种调用的都是能够重复使用的哦。

    jquery导航下拉菜单两级滑润下拉菜单,期望喜爱,写文章并不是件愉快的工作!!!

    jquery代码:
    <script src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        jQuery.navlevel2 = function(level1,dytime) {
            
          $(level1).mouseenter(function(){
              varthis = $(this);
              delytime=setTimeout(function(){
                varthis.find('ul').slideDown();
            },dytime);
            
          });
          $(level1).mouseleave(function(){
             clearTimeout(delytime);
             $(this).find('ul').slideUp();
          });
          
        };
      $.navlevel2("li.mainlevel",300);
    });
    </script>

    html代码:
    <ul id="nav">
        <li class="mainlevel"><a href="http://www.3mbodoglv.com/js/">jquery特效</a>
            <ul>
                <li><a href="http://www.3mbodoglv.com/js/texiao/">网页特效</a></li>
                <li><a href="http://www.3mbodoglv.com/js/nav/">导航菜单</a></li>
                <li><a href="http://www.3mbodoglv.com/js/slide/">焦点幻灯片</a></li>
                <li><a href="http://www.3mbodoglv.com/qqkefu/">qq在线客服代码</a></li>
                <li><a href="http://www.3mbodoglv.com/xuanxiangka/">选项卡代码</a></li>
            </ul>
        </li>
    </ul>
     

    ↓ 检查全文

    jquery导航下拉菜单两级滑润导航菜单由bodog官网收集整理,您能够自在传达,请自动带上本文链接

    bodog官网便是免费共享,觉得有用就多来支撑一下,没有能帮到您,懒人也只能表示遗憾,期望有一天能帮到您。

    m88 188bet uedbet 威廉希尔 明升 bwin 明升88 bodog bwin 明升m88.com 18luck 188bet unibet unibet Ladbrokes Ladbrokes casino m88明升 明升 明升 m88.com 188bet m88 明陞 uedbet赫塔菲官网 365bet官网 m88 help

    jquery导航下拉菜单两级滑润导航菜单-最新谈论

    • bodog官网网友 2016-03-30 08:34:41
      无法下载
    • 11 2016-03-30 08:03:41
      无法下载
    • 清水裕子 2015-10-27 11:11:34
      做做看哦,谢谢供给
    • 清水裕子 2015-10-27 11:11:27
      顶起来!!欠好碰到的好文章
    • 11 2015-10-27 11:10:34
      做做看哦,谢谢供给
    • 11 2015-10-27 11:10:27
      顶起来!!欠好碰到的好文章
    • 好想谈恋爱 2015-10-09 06:34:22
      [浮云]