这是一种网站常用的网页左右分栏显示效果，可点击上面的箭头来实现展开与隐藏切换显示功能，根据自己的需求来自定义。
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>网页左右分栏可隐藏效果_武鸣人</title>
<style>.navpoint {
color: white; cursor: hand; font-family: webdings; font-size: 9pt
}
</style>
<script>
function switchSysBar(){
if (switchPoint.innerText==3){
switchPoint.innerText=4
document.all("www_wuming_ren").style.display="none"
}
else{
switchPoint.innerText=3
document.all("www_wuming_ren").style.display=""
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
</head>
<body scroll="no" style="margin:0px">
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="www_wuming_ren" name="fmTitle" align="middle" valign="center" noWrap><iframe id="left" name="left" frameBorder="0" src="about:blank" style="height:100%;visibility:inherit;width:143px;z-index:2"></iframe>
<td bgcolor="#425bb8" style="width:10pt">
<table height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td onclick="switchSysBar()" style="height:100%"><span id="switchPoint" class="navPoint" title="关闭/打开左栏">3</span></td>
</tr>
</table>
</td>
<td style="width: 100%"><iframe id="frmright" name="frmright" frameBorder="0" scrolling="no" src="about:blank" style="height:100%;visibility:inherit;width:100%;z-index:1"></iframe></td>
</tr>
</table>
</body>
</html>本文来自武鸣人网站，转载请注明出处