点击隐藏页面左栏或右栏实现js代码


Posted in Javascript onApril 01, 2013

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

<style type="text/css"> 
<!-- 
.navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt} 
.STYLE1 {FONT-FAMILY: Webdings; FONT-SIZE: 9pt; cursor: hand;} 
--> 
</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 style="WIDTH: 9pt"><table border="0" cellPadding="0" cellSpacing="0" height="100%"> 
<tr> 
<td style="HEIGHT: 100%" onClick="switchSysBar()"><font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff"> <br/> 
<br/> 
<br/> 
<br/> 
<br/> 
<br/> 
<br/> 
<br/> 
<font color="#FF0000"><br/> 
<br/> 
<br/> 
<br/> 
<br/> 
<span class="STYLE1" id="switchPoint" title="关闭/打开左栏">3</span><br/> 
<br/> 
<br/> 
<br/> 
<br/> 
<br/> 
</font><br/> 
<br/> 
屏幕切换 </font></td> 
</tr> 
</table></td> 
<td bgcolor="#FFCC99" style="WIDTH: 100%"> </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" onClick="switchSysBar()"><img id="aa" src="images/bl_1.gif" title="关闭/打开功能导航"></td> 
<td width="191" valign="top" id="frmTitle" name="frmTitle"> </td> 
</tr> 
</table>
Javascript 相关文章推荐
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
javascript创建cookie、读取cookie
Mar 31 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
Jun 07 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
jquery.cookie.js的介绍与使用方法
Feb 09 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
小程序实现左滑删除功能
Oct 30 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 #Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 #Javascript
select标记美化--JS式插件、后期加载
Apr 01 #Javascript
js关闭父窗口时关闭子窗口
Apr 01 #Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 #Javascript
javascript ie6兼容position:fixed实现思路
Apr 01 #Javascript
JavaScript中的onerror事件概述及使用
Apr 01 #Javascript
You might like
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
详解PHP中的 input属性(隐藏 只读 限制)
2017/08/14 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
PHP哈希表实现算法原理解析
2020/12/11 PHP
js类中获取外部函数名的方法
2007/08/19 Javascript
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
jquery中对表单的基本操作代码
2010/07/29 Javascript
JSON格式化输出
2014/11/10 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
AngularJS基础 ng-mouseleave 指令详解
2016/08/02 Javascript
使用ajaxfileupload.js实现上传文件功能
2016/08/13 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
基于Vue.js实现简单搜索框
2020/03/26 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
Vue项目中ESlint规范示例代码
2019/07/04 Javascript
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
python GUI实例学习
2017/11/21 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
教你怎样写好自我评价
2013/10/05 职场文书
入党自荐书范文
2014/03/09 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
事业单位年度考核个人总结
2015/02/12 职场文书
家装电话营销开场白
2015/05/29 职场文书
三八节活动简报
2015/07/20 职场文书
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers