ifram的使用 左边是<a>链接 右边是对应网页嵌套的显示网页链接内容 和toggle的收放用法

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>

　　

posted @ 2018-04-30 16:22  城南少年与猫  阅读(586)  评论(0)  编辑  收藏  举报