知识 分享 互助 懒人建站

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

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

    两级导航菜单树jquery插件特效

    作者:bbin视讯真人娱乐平台登入 来源:jquery 特效 2012-03-22 人气:
    两级导航菜单树jquery插件特效调用方法:$.jq51menu(#menubox,div.submenu); 这里的#menubox 是主菜单的ID,div.submenu是子菜单的ID。两级导航菜单树的样式很丑陋,懒人建站嘛,俺够懒,就懒得写好
    两级导航菜单树jquery插件特效调用方法:$.jq51menu("#menubox","div.submenu");  这里的#menubox 是主菜单的ID,div.submenu是子菜单的ID。两级导航菜单树的样式很丑陋,懒人建站嘛,俺够懒,就懒得写好看的界面了。还是劳你大驾自己动手设计下界面和css把。^_^^_^

    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.jq51menu = function(menuboxid,submenu){
            
            var menuboxli = $(menuboxid+" li");
            menuboxli.eq(0).find(submenu).show();
            menuboxli.click( function () {
                $(this).addClass("thismenu").find(submenu).show().end().siblings("li").removeClass("thismenu").find(submenu).hide();
                 return false;
            });
            
        };
        
        $.jq51menu("#menubox","div.submenu");

    });
    </script>

    html代码:
    <div id="menubox">
        <ul>
            <li><a href="http://bbinsxzrylptdr.xsb868.com/">懒人建站</a>
                <div class="submenu">
                    <a href="http://bbinsxzrylptdr.xsb868.com/js/nav/">导航菜单</a>
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                </div>
            </li>
            <li><a href="http://bbinsxzrylptdr.xsb868.com/js/slide/">焦点幻灯片</a>
                <div class="submenu">
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                </div>
            </li>
            <li><a href="http://bbinsxzrylptdr.xsb868.com/js/gg/">广告代码</a>
                <div class="submenu">
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                </div>
            </li>
            <li><a href="http://bbinsxzrylptdr.xsb868.com/js/texiao/">网页特效</a>
                <div class="submenu">
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                    <a href="#">二级子菜单</a>
                </div>
            </li>
        </ul>
    </div>
    ↓ 查看全文

    两级导航菜单树jquery插件特效由懒人建站收集整理,您可以自由传播,请主动带上本文链接

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

    两级导航菜单树jquery插件特效-最新评论

    网站地图 bbin视讯国际登入 ag视讯平台注册登入 bbin视讯手机版下载登入
    申博娱乐三公现金 申博太阳城娱乐管理网 太阳城申博官方代理 申博太阳城娱乐网33
    亚洲通注册送28 棋牌室收费系统 香港五分彩开奖号码 石家庄娱乐招聘
    ag旗舰厅游戏登入 ag旗舰厅平台登入 ag旗舰厅开户登入 gp视讯网址登入
    ag旗舰厅直营网登入 bbin视讯网上投注登入 bbin视讯客户端下载登入 ag视讯官方开户登入
    187PT.COM 585jbs.com 99sbmsc.com 988PT.COM XSB593.COM
    7777ib.com 168jbs.com 585DC.COM 557XTD.COM 55sbmsc.com
    578DC.COM 298PT.COM 718jbs.com S618T.COM 592ib.com
    900xsb.com 56jbs.com 4444ib.com XSB558.COM 487SUN.COM