一段点击隐藏部分页面的效果代码

最新推荐文章于 2024-02-05 14:00:00 发布

daryl715

最新推荐文章于 2024-02-05 14:00:00 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：经验技巧之JSP 文章标签： border table html function

本文链接：https://blog.youkuaiyun.com/daryl715/article/details/1589873

经验技巧之JSP 专栏收录该内容

58 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的网页框架切换功能。通过点击按钮，可以实现左侧菜单栏的隐藏与显示，调整了框架集的布局。此功能利用了frameset元素来组织多个文档视图，并通过修改窗口父级对象的cols属性来改变框架宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>

<head>

<!--

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

-->

</style>

</head>

<body>

<tr>

</tr>

</table>

var shrink = false;

function hide(){

if (shrink == false ){ // shrink menu area

shrink = true;

window.parent.workset.cols="0,20,*";

document.getElementById("shrinkpic").src = "images/arrow-chu.gif";

}

else{ // expand

shrink = false ;

window.parent.workset.cols="165,20,*";

document.getElementById("shrinkpic").src = "images/arrow-jin.gif";

}

</script>

</body>

</html>

以上是操纵隐藏的页面

以下是调用页面

<frameset rows="50,*" frameborder="NO" border="0" framespacing="0">
<frame src="marquee.jsp" name="upFrame" scrolling="NO" noresize >
<frameset name="workset" cols="165,20,*" frameborder="NO" border="0" framespacing="0">
<frame src="midleft.jsp" name="leftFrame" noresize>
<frame src="midButton.html" name="buttonFrame" noresize>
<frame src='<%=((SessionUserInfo)request.getSession().getAttribute(Constants.USER_INFO)).getMainPortal()%>' name="mainFrame" noresize>
</frameset>

会隐藏和显示midleft.jsp