点击隐藏页面左栏或右栏实现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窗口功能指南之在窗口中书写内容
Jul 21 Javascript
收集的一些Array及String原型对象的扩展实现代码
Dec 05 Javascript
namespace.js Javascript的命名空间库
Oct 11 Javascript
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
Aug 25 Javascript
javascript实现根据汉字获取简拼
Sep 25 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
Angularjs为ng-click事件传递参数
Jun 15 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 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
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
PHP实现文件安全下载
2006/10/09 PHP
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP命名空间与自动加载机制的基础介绍
2019/08/25 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
alixixi runcode.asp的代码不错的应用
2007/08/08 Javascript
jquery 模板的应用示例
2013/11/12 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
vue 插件的方法代码详解
2019/06/06 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
Python列表(list)、字典(dict)、字符串(string)基本操作小结
2014/11/28 Python
flask中过滤器的使用详解
2018/08/01 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
python动态文本进度条的实例代码
2020/01/22 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
深入理解css属性的选择对动画性能的影响
2016/04/20 HTML / CSS
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
2019/10/15 HTML / CSS
html5时钟实现代码
2010/10/22 HTML / CSS
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
广州一家公司的.NET面试题
2016/06/11 面试题
外语学院毕业生的自我鉴定
2013/11/28 职场文书
优秀高中生事迹材料
2014/02/11 职场文书
组织委员竞选稿
2015/11/21 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
浅谈Redis位图(Bitmap)及Redis二进制中的问题
2021/07/15 Redis