zoukankan      html  css  js  c++  java
  • 夺命雷公狗jquery---35--DWZ左侧折叠菜单实现1

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style type="text/css">
                div{
                    width:125px;
                    border:1px solid #369;
                    line-height:25px;
                    padding-left:10px;
                }
    
                div.menu{
                    height:30px;
                    line-height:30px;
                    font-size:14px;
                    text-indent:10px;
                    font-weight:bold;
                    color:#fff;
                    background-color:#369;
                }
    
            </style>
            <script src="js/jq8.js"></script>
            <script>
                $(function(){
                    $('div.menu').toggle(function(){
                        var id = this.id;
                        $('#'+id+'+div').hide();
                    },function(){
                        var id = this.id;
                        $('#'+id+'+div').show();
                    });
                });
            </script>
        </head>
        <body>
            <div id="a1" class="menu">管理员管理</div>
            <div>
                添加管理员<br />
                删除管理员<br />
                跟新管理员<br />
                查询管理员<br />
            </div>
    
    
            <div id="a2" class="menu">管理员管理</div>
            <div>
                添加管理员<br />
                删除管理员<br />
                跟新管理员<br />
                查询管理员<br />
            </div>
    
    
            <div id='a3' class="menu">管理员管理</div>
            <div>
                添加管理员<br />
                删除管理员<br />
                跟新管理员<br />
                查询管理员<br />
            </div>
    
    
            <div id='a4' class="menu">管理员管理</div>
            <div>
                添加管理员<br />
                删除管理员<br />
                跟新管理员<br />
                查询管理员<br />
            </div>
    
    
        </body>
    </html>
  • 相关阅读:
    (转)重识new
    【洛谷习题】连续自然数和
    【AHOI2005】约数研究
    【NOIP2003】麦森数
    康托展开
    【洛谷习题】南蛮图腾
    【洛谷习题】吃奶酪
    【NOIP2002】字串变换
    哈希表
    【NOIP2013】货车运输
  • 原文地址:https://www.cnblogs.com/leigood/p/4920088.html
Copyright © 2011-2022 走看看