知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

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

    作者:bbin视讯真人娱乐平台登入 来源: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 毫秒才触发下拉菜单,有没有发现,有些菜单鼠标快速滑过的时候,所有的菜单都开始滑出,体验相当不好。懒人建站的jquery代码中凡是类似  $.navlevel2("li.mainlevel",300); 这种调用的都是可以重复使用的哦。

    jquery导航下拉菜单两级平滑下拉菜单,希望喜欢,写文章并不是件愉快的事情!!!

    jquery代码:
    <script src="http://bbinsxzrylptdr.xsb868.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://bbinsxzrylptdr.xsb868.com/js/">jquery特效</a>
            <ul>
                <li><a href="http://bbinsxzrylptdr.xsb868.com/js/texiao/">网页特效</a></li>
                <li><a href="http://bbinsxzrylptdr.xsb868.com/js/nav/">导航菜单</a></li>
                <li><a href="http://bbinsxzrylptdr.xsb868.com/js/slide/">焦点幻灯片</a></li>
                <li><a href="http://bbinsxzrylptdr.xsb868.com/qqkefu/">qq在线客服代码</a></li>
                <li><a href="http://bbinsxzrylptdr.xsb868.com/xuanxiangka/">选项卡代码</a></li>
            </ul>
        </li>
    </ul>
     

    ↓ 查看全文

    jquery导航下拉菜单两级平滑导航菜单由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    jquery导航下拉菜单两级平滑导航菜单-最新评论

    网站地图 ag视讯游戏网址登入 ag旗舰厅在线娱乐登入 ag视讯官方网登入
    申博太阳城娱乐18k 网上真钱牌九登陆 申博游戏端下载 太阳城娱乐官方网址
    2017严厉打击网络博彩 真人赌场app 印象彩票开户 梦之城娱乐骗局登入
    ag视讯直营网登入 gp视讯客服端下载登入 ag视讯游戏登入 ag旗舰厅客服端下载登入
    bbin视讯网上投注登入 gp视讯app下载登入 gp视讯现金网登入 gp视讯注册登入
    XSB7777.COM 538XTD.COM bq138.com 979sj.com 8QHDS.COM
    117PT.COM 6666ib.com 588BBIN.COM 1112936.COM 587sunbet.com
    DC785.COM 989PT.COM 597XTD.COM 1555DZ.COM 785DC.COM
    8DCS.COM 383sunbet.com 1777DZ.COM XSB687.COM 107SUN.COM