显示和隐藏frame

最新推荐文章于 2021-02-09 07:17:57 发布

programstudy0821

最新推荐文章于 2021-02-09 07:17:57 发布

阅读量238

点赞数

分类专栏： javascript学习笔记文章标签： javascript python xhtml ViewUI

javascript学习笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html; charset=UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>分隔栏</title>
<link rel="stylesheet" type="text/css" href="../style/icode.css" />
<script language="JavaScript">
function Submit_onclick(){
	if(parent.myFrame.cols == "200,6,*") {
		parent.myFrame.cols="0,6,*";
		document.getElementById("ImgArrow").src="../images/arrow_r.gif";
		document.getElementById("ImgArrow").alt="打开左侧导航栏";
	} else {
		parent.myFrame.cols="200,6,*";//200，6，*都代表的是宽度
		document.getElementById("ImgArrow").src="../images/arrow_l.gif";
		document.getElementById("ImgArrow").alt="隐藏左侧导航栏";
	}
}

function MyLoad() {
	if(window.parent.location.href.indexOf("MainUrl")>0) {
		window.top.leftFrame.document.getElementById("ImgArrow").src="../images/arrow_l.gif";
	}
}
</script>
<style>
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
}

#switchbody {
	background-color: #DFE8F0;;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#switchpic {
	width: 6px;
	cursor: pointer;
	vertical-align: bottom;
	margin-top: 220px;
}
</style>
</head>

<body id="switchbody" οnlοad="MyLoad()">
<div id="switchpic"><a href="javascript:Submit_onclick()"><img
	src="../images/arrow_l.gif" alt="隐藏左侧导航栏" name="ImgArrow" border="0"
	id="ImgArrow" /></a>e<span class="style1">r</span></div>
</body>
</html>