1.ifram的使用 左边是<a>链接  右边是对应网页嵌套的显示网页链接内容

  1. <div class="container">
  2.     <div class="row">
  3.         <div class="col-lg-2">
  4.             <div class="list-group">
  5.                 <a href="/paike/major/list" target="mainFrame" class="list-group-item">专业维护1</a>
  6.                 <a href="/paike/course/list" target="mainFrame" class="list-group-item" >课程维护2</a>
  7.                 <a href="/paike/manager/list" target="mainFrame" class="list-group-item">教务管理3</a>
  8.                 <a href="/paike/teacher/list" target="mainFrame" class="list-group-item">老师维护4</a>
  9.                 <a href="/paike/classes/list" target="mainFrame" class="list-group-item">班级维护5</a>
  10.                 <a href="/paike/student/list" target="mainFrame" class="list-group-item">学生维护6</a>
  11.                 <a href="www.W3School.com.cn" target="mainFrame" class="list-group-item">排课(最后,核心业务)</a>
  12.             </div>
  13.         </div>
  14.         <div class="col-lg-10" style="height:100%;">
  15.             <iframe src="welcome.jsp" id="mainFrame" name="mainFrame" style="border:0px;width:100%;height:100%;"></iframe>
  16.         </div>
  17.     </div>
  18. </div>

　　这里的

  1. name="mainFrame" 要与
  1. target="mainFrame"的名称一致
  2.  
  3. 2.toggle的收放用法
  1. <script>
  2.     $(function () {
  3.  
  4. $(".shouqi").click(function () {
  5. //    alert(1)
  6.     $("table").toggle();
  7.  
  8. });
  9.  
  10.     })
  11.  
  12. </script>
  13.  
  14. </head>
  15. <body>
  16. <button class="shouqi"> 点我收起</button>
  17.  
  18. <table border="1">
  19. <tr>
  20.     <td>在吗</td>
  21.     <td>在吗</td>
  22.     <td>在吗</td>
  23.  
  24. </tr>
  25.  
  26.     <tr>
  27.         <td>在吗</td>
  28.         <td>在吗</td>
  29.         <td>在吗</td>
  30.  
  31.     </tr>
  32.  
  33.     <tr>
  34.         <td>在吗</td>
  35.         <td>在吗</td>
  36.         <td>在吗</td>
  37.  
  38.     </tr>
  39. </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. phonegap/cordova学习建议

    在技术群里面,一直有一些新人进来,问了一些让人可笑不得的问题.国内的资料相对比较少,而且很旧,都是一些2.X版本的资料.因此想写一些东西,帮助一下新人,让他们少走弯路. 首先说一些很多人问的问题,个人 ...

  2. 层层递进Struts1（五）之处理流程

    这篇博客我们深入Struts框架执行部分源码,从ActionServlet的process函数开始,看一下其内在的执行过程. 流程图 以下流程图展示的是ActionServlet和RequestPro ...

  3. Android-自定义开关(升级版)

    效果图: 定义一个类,取名为MySwitch.java,此类去继承View,为何是继承View而不是去继承ViewGroup呢,是因为自定义开关没有子控件,之需要操作自身绘制即可 package cu ...

  4. web项目开发最佳做法

    一个成熟的web项目应该具备以下基础代码或做法 1.前端基础框架: 统一的ajax 通信/表单提交及调用结果弹窗显示 统一的数据验证 统一的数据列表 2.后端基础框架: 统一的异常处理捕获,可针对具体 ...

  5. Webservice发布

    此文甚好,转载自:http://blog.163.com/java_player@126/blog/static/127930738200981555021925/ 某些地方笔者已经加以改进. 使用工 ...

  6. npm 安装less

    npm install less less-loader --save 在style加上lang="less" 就可以直接用了

  7. iOS 界面布局

    1. auto layout http://www.devtalking.com/articles/adaptive-layout-for-iphone6-1/ http://blog.sina.co ...

  8. iOS Png Crush 错误

    添加新的 png 图片到项目里的时候,出现错误 错误内容: while reading... pngcrush caught libpng error: cound not find file... ...

  9. Android 的文档翻译

    https://www.cnblogs.com/Xiegg/p/3428529.html -------->media codec的文档翻译

  10. sprintf与strcat

    sprintf可以将整数转化为字符串,也可以连接两个字符串.但是用sprintf在连接两个字符串时,容易出现错误. 因此连接两个字符串时候用strcat, 将整数转化为字符串时候用sprintf. 转 ...