手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >点击隐藏页面左栏或右栏实现js代码
点击隐藏页面左栏或右栏实现js代码
摘要:点击隐藏页面左栏或右栏(同一TABLE中)复制代码代码如下:functionswitchSysBar(){if(switchPoint.in...

点击隐藏页面左栏或右栏(同一TABLE中)

复制代码 代码如下:

<style type="text/css">

<>

</style>

<script>

function switchSysBar(){

if (switchPoint.innerText==3){

switchPoint.innerText=4

document.all("frmTitle").style.display="none"

}else{

switchPoint.innerText=3

document.all("frmTitle").style.display=""

}}

</script>

<table border="0" cellPadding="0" cellSpacing="0" height="100%" width="100%">

<tr>

<td width="20%" align="middle" vAlign="center" noWrap bgcolor="#CC99FF" id="frmTitle" name="frmTitle"> </td>

<td class=a2><table border="0" cellPadding="0" cellSpacing="0" height="100%">

<tr>

<td><font> <br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<font color="#FF0000"><br/>

<br/>

<br/>

<br/>

<br/>

<span id="switchPoint" title="关闭/打开左栏">3</span><br/>

<br/>

<br/>

<br/>

<br/>

<br/>

</font><br/>

<br/>

屏幕切换 </font></td>

</tr>

</table></td>

<td bgcolor="#FFCC99"> </td>

</tr>

</table>

想把隐藏左右栏的那个按钮按成图片,改一下JS,IMG增加ID,这里id=aa,也可以换成其它的名称,参考如下:

<script>

function switchSysBar(){

if (document.all.aa.src.indexOf("bl_1")!=-1){

aa.src="images/al_1.gif"

document.all("frmTitle").style.display="none"

}else{

aa.src="images/bl_1.gif"

document.all("frmTitle").style.display=""

}

}

</script>

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="770" valign="top"></td>

<td width="10"><img id="aa" src="images/bl_1.gif" title="关闭/打开功能导航"></td>

<td width="191" valign="top" id="frmTitle" name="frmTitle"></td>

</tr>

</table>

【点击隐藏页面左栏或右栏实现js代码】相关文章:

js禁止页面刷新与后退的方法

jQuery实现将页面上HTML标签换成另外标签的方法

js实现精美的银灰色竖排折叠菜单

网页里控制图片大小的相关代码

使用node+vue.js实现SPA应用

强制设为首页代码

鼠标图片振动代码

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

必须点击广告才能进入的代码

js实现异步循环实现代码

精品推荐
分类导航