weiyong
/
201912G01


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>后台管理系统</title>
    <link rel="stylesheet" href="js/jquery-easyui-1.5.4.2/themes/default/easyui.css">
    <link rel="stylesheet" href="js/jquery-easyui-1.5.4.2/themes/icon.css">
    <link rel="stylesheet" href="js/webuploader-0.1.5/webuploader.css">
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/jquery-easyui-1.5.4.2/jquery.easyui.min.js"></script>
    <script src="js/jquery-easyui-1.5.4.2/locale/easyui-lang-zh_CN.js"></script>
    <script src="js/webuploader-0.1.5/webuploader.html5only.min.js"></script>
    <script src="js/ueditor1.4.3.3/ueditor.config.js"></script>
    <script src="js/ueditor1.4.3.3/ueditor.all.min.js"></script>
    <script src="js/config.js"></script>
	<link rel="stylesheet" href="css/menu.css">
	
    <!--<script src="other.js"></script>-->

</head>

<body>
<div class="easyui-panel" style="width: 198px;height: 750px;position:absolute;">
    <ul class="menu_list">
      <li>
        <p class="menu_head">运动员管理</p>
        <div class="menu_body">
			<a href="#" class=""onclick="addTab('运动员成绩表格','运动员成绩表格.html')">运动员成绩表格</a>
			<!-- <a href="#" class=""onclick="addTab('运动员成绩录入表','运动员成绩录入表.html')">运动员成绩录入表</a> -->
		</div>
      </li>
      <li>
        <p class="menu_head">体育赛事管理</p>
        <div class="menu_body">
          <a href="#" class=""onclick="addTab('体育赛程表格','体育赛程表格.html')">体育赛程表格</a>
		  <a href="#" class=""onclick="addTab('体育赛事修改表','体育赛事修改表.html')">体育赛事修改表</a>
        </div>
      </li>
      <li>
        <p class="menu_head">成绩管理</p>
        <div class="menu_body">
         <a href="#" class=""onclick="addTab('单项成绩表格','单项成绩表格.html')">单项成绩表格</a>
		 <a href="#" class=""onclick="addTab('参赛队成绩修改表','参赛队成绩修改表.html')">参赛队成绩修改表</a>
        </div>
      </li>
      
    </ul>
</div>

<div id="tt" class="easyui-tabs"
     style="width:100%;height:750px;position:absolute;left: 200px">
    <div title="首页" style="padding:5px">
        <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true"></ul>
        <ul style="list-style: none">
            <li>欢迎来到运动会后台管理系统！</li>
            <li>请从左侧选择一个操作。</li>
        </ul>
    </div>

</div>

<script>
        function addTab(title,url) {
            if ($('#tt').tabs('exists', title)){
                $('#tt').tabs('select', title);
            } else {
                var content = '<iframe scrolling="auto" ' +
                    'frameborder="0"  src="'+url+'" style="width:100%;height:100%;">' +
                    '</iframe>';
                $('#tt').tabs('add',{
                    title:title,
                    content:content,
                    closable:true
                });
            }
        }
</script>
<script>
        // 隐藏所有二级菜单
        $('.menu_head+div').hide();
        // 需求：单击一个p元素，p元素下面的div就显示出来，显示当前，隐藏其他
        $('.menu_head').click(function() {
            //设置当前菜单右侧图标样式
	    $(this).css('backgroundImage', 'url(img/pro_down.png)');
            // 显示当前菜单对应的子菜单
            $(this).next('div').show();
            // 获取其他菜单外层的li元素
            var parentli = $(this).parent('li');
            var lis = parentli.siblings('li');
            // 找到每个li元素下的主菜单，设置主菜单右侧图标样式
            lis.children('p').css('backgroundImage','url(img/pro_left.png)')
            // 隐藏其他主菜单下的子菜单
            lis.children('div').hide();
        });
    </script>
</body>
</html>