javascript 控制frameset左边显示与隐藏
2014-10-08 16:25
232 查看
<frameset cols="180,16,*" id=pageframe> <frame noresize name="menu" scrolling="yes" src="${pageContext.request.contextPath}/home_left.action"> <frame noresize name="frameline" scrolling="yes" src="${pageContext.request.contextPath}/home_frameline.action"> <frame noresize name="right" scrolling="yes" src="${pageContext.request.contextPath}/home_right.action"> </frameset>
<%@ page language="java" pageEncoding="UTF-8"%> <%@ page trimDirectiveWhitespaces="true" %> <html> <head> <title>frameline</title> <%@ include file="/WEB-INF/jsp/public/commons.jspf"%> <style type="text/css"> body{ background-color: #BFDDF1; } .panel-tool { position: absolute; top: 50%; margin-top: -8px; height: 16px; overflow: hidden; } .panel-tool a { display: inline-block; width: 12px; height: 16px; opacity: 0.6; filter: alpha(opacity=60); margin: 0 0 0 2px; vertical-align: top; } .layout-button-left { background: url('style/images2/layout_arrows.png') no-repeat 0 0; } </style> <script type="text/javascript"> function ShowHideLeft(objtd){ if (parent.pageframe.cols=="180,16,*"){ parent.pageframe.cols="0,16,*"; document.getElementById("frameLine").style.background=" url('style/images2/layout_arrows.png') no-repeat 0 -16px"; } else{ parent.pageframe.cols="180,16,*"; document.getElementById("frameLine").style.background=" url('style/images2/layout_arrows.png') no-repeat 0 0px"; } } </script> </head> <body> <div class="panel-tool"> <a id="frameLine" href="javascript:void(0)" onClick="ShowHideLeft(this);" class="layout-button-left "></a> </div> </body> </html>
相关文章推荐
- javascript 控制frameset左边显示与隐藏
- javascript 控制 html元素 显示/隐藏
- frameset框架如何使左边页面显示,隐藏?wj-wangjun
- javascript控制页面控件隐藏显示的方法
- javascript 控制 html元素 显示/隐藏实现代码
- 用javascript控制div的显示与隐藏
- javascript控制页面控件隐藏显示的两种方法
- javascript巧妙控制表格的显示与隐藏
- 用JavaScript来控制对象的显示与隐藏
- javascript 控制 html元素 显示/隐藏
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- JavaScript控制页面元素显示隐藏
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javaScript控制<div>的显示,隐藏
- javascript控制页面控件隐藏显示的两种方法
- javascript 控制 html元素 显示/隐藏实现代码
- JavaScript控制页面控件的隐藏与显示
- javascript控制页面控件隐藏显示的两种方法