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>

　　

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

  1. CSS 左边div固定，右边div自适应

    有时候我们会有这样的需求,如图,aside是导航或者某些链接,右边的main是显示重要的内容,左边需要定宽,右边的main能够自适应剩余的宽度: <!DOCTYPE html PUBLIC &q ...

  2. 网络采集软件核心技术剖析系列（7）---如何使用C#语言搭建程序框架(经典Winform界面，顶部菜单栏，工具栏，左边树形列表，右边多Tab界面）

    一 本系列随笔概览及产生的背景 自己开发的豆约翰博客备份专家软件工具问世3年多以来,深受广大博客写作和阅读爱好者的喜爱.同时也不乏一些技术爱好者咨询我,这个软件里面各种实用的功能是如何实现的. 该软件 ...

  3. 仿美团外卖,饿了吗 两个ListView联动,左边点击切换右边,右边滑动切换左边

    先上效果图: 实现思路: 1.先说右边标题: 首先,右边的数据源集合中的Javabean中含有三个属性name,type,title,而每个条目中会默认含有一个标题. 如果这是第一个条目,就让标题显示 ...

  4. JAVA继承：编译与运行的关系（编译看左边，运行看右边）

    "成员变量,静态方法看左边:非静态方法:编译看左边,运行看右边." 意思是:当父类变量引用子类对象时(Fu f = new Zi();),在这个引用变量f指向的对象中,他的成员变量 ...

  5. css布局：左边定宽、右边自适应

    方法一 : 左边 左浮动,右边 margin-left *{margin: 0;padding: 0;} .left{ float: left; width: 200px; border: 1px s ...

  6. css中如何实现左边的高度随着右边改变而改变

    css中如何实现左边的高度随着右边改变而改变 html结构: <div class="main"> <div class="main_left" ...

  7. Activity左边滑出，右边滑入的动画切换

    Activity左边滑出,右边滑入的动画切换 转载请注明出处:http://blog.csdn.net/u012301841/article/details/46920809 大家都知道Android ...

  8. 微信公众平台回复链接可以直接访问,但不能是锚文字链接<a>标签

    最近在学习微信公众平台开发,由于编辑模式和开发模式不可同时开启,在开发模式下如果访客发送关键字过来暂时无法实现关键词自动回复,客服人员先用链接网址直接回复订阅用户,但请注意不能是文字链接,即<a ...

  9. discuz x3在DIY模块中调用伪静态不成功，显示动态链接的解决办法

    discuz x3在DIY模块中调用伪静态不成功,显示动态链接,然而其他的链接正常显示伪静态. 后台启用伪静态后,发现论坛版块.帖子点击链接,伪静态正常显示,然后在门户首页DIY显示的帖子,点进去后发 ...

随机推荐

  1. （匹配 Hopcroft-Karp算法）Rain on your Parade -- Hdu --2389

    链接: http://acm.hdu.edu.cn/showproblem.php?pid=2389 不能用匈牙利,会TEL的,用Hopcroft-Karp Hopcroft-Karp课件 以前是寻找 ...

  2. 企业搜索引擎开发之连接器connector（二十五）

    下面开始具体分析连接器是怎么与连接器实例交互的,这里主要是分析连接器怎么从连接器实例获取数据的(前面文章有涉及基于http协议与连接器的xml格式的交互,连接器对连接器实例的设置都是通过配置文件操作的 ...

  3. Oracle E-Business Suite R12.1.x Installation And Upgrade Guide Step by Step

    1.        Install Oracle E- Business Suite R12.1.1       2.        Upgrade E- Business Suite From 12 ...

  4. 【转】Android EventBus初探

    出处:http://blog.csdn.net/lmj623565791/article/details/40794879 1.概述 最近大家面试说经常被问到EventBus,github上果断dow ...

  5. [转载]MVC、MVP以及Model2(下)

    通过采用MVC模式,我们可以将可视化UI元素的呈现.UI处理逻辑和业务逻辑分别定义在View.Controller和Model中,但是对于三者之间的交互,MVC并没有进行严格的限制.最为典型的就是允许 ...

  6. 在一般处理程序清理cookie

    清理cookie在ashx里面很奇怪,因为直接设置过期时间并不能成功,cookie还是会存在.所以需要添加一个同名的Cookie设置过期时间覆盖 HttpCookie cookie = null; / ...

  7. 记开发个人图书收藏清单小程序开发（五）Web开发

    决定先开发Web端试试. 新增Web应用: 选择ASP.NET Core Web Application,填写好Name和Location,然后点击OK. 注意红框标出来的,基于.NET Core 2 ...

  8. sharepoint excute power shell

    Add-PSSnapin microsoft.sharepoint.powershell$UPA = Get-SPServiceApplication | ? {$_.typeName -like ' ...

  9. 索引+sql优化

    索引的概念: 索引是提高查询速度的一种手段.索引有很多种,以下是索引树的结构 要求查询出薪资大于5000的雇员信息,只要在树中找到5000的节点,直接查询该节点右边的数据即可,左边就不用管了,这样提高 ...

  10. linux命令之用户管理及用户信息查询命令（上）

    1.useradd:创建用户 该命令用于创建新的用户或者更改用户的信息. 参数 说明 -g 指定用户对应的用户组,用户组 -s 用户登录后使用的Shell名称 -u 用户的ID值 示例: 1)user ...