1.ifram的使用 左边是<a>链接 右边是对应网页嵌套的显示网页链接内容
<div class="container">
<div class="row">
<div class="col-lg-2">
<div class="list-group">
<a href="/paike/major/list" target="mainFrame" class="list-group-item">专业维护1</a>
<a href="/paike/course/list" target="mainFrame" class="list-group-item" >课程维护2</a>
<a href="/paike/manager/list" target="mainFrame" class="list-group-item">教务管理3</a>
<a href="/paike/teacher/list" target="mainFrame" class="list-group-item">老师维护4</a>
<a href="/paike/classes/list" target="mainFrame" class="list-group-item">班级维护5</a>
<a href="/paike/student/list" target="mainFrame" class="list-group-item">学生维护6</a>
<a href="www.W3School.com.cn" target="mainFrame" class="list-group-item">排课(最后,核心业务)</a>
</div>
</div>
<div class="col-lg-10" style="height:100%;">
<iframe src="welcome.jsp" id="mainFrame" name="mainFrame" style="border:0px;width:100%;height:100%;"></iframe>
</div>
</div>
</div>
这里的
name="mainFrame" 要与
target="mainFrame"的名称一致
2.toggle的收放用法
<script>
$(function () {
$(".shouqi").click(function () {
// alert(1)
$("table").toggle();
});
})
</script>
</head>
<body>
<button class="shouqi"> 点我收起</button>
<table border="1">
<tr>
<td>在吗</td>
<td>在吗</td>
<td>在吗</td>
</tr>
<tr>
<td>在吗</td>
<td>在吗</td>
<td>在吗</td>
</tr>
<tr>
<td>在吗</td>
<td>在吗</td>
<td>在吗</td>
</tr>
</table>