层的显示/隐藏代码
2006-08-12 12:35
176 查看
<SCRIPT language="javascript">
function changediv(id) {
var a= new Array();
a[0] = document.getElementById("Layer1");
a[1] = document.getElementById("Layer2");
a[2] = document.getElementById("Layer3");
a[3] = document.getElementById("Layer4");
for(i=0; i<a.length; i++){
var e = a[i];
e.style.visibility="hidden";
e.style.display="none";
}
var e = a[id-1];
e.style.display="block";
e.style.visibility="visible";
}
</SCRIPT>
链接代码:<a href="javascript:void()" onClick="changediv(1)">
层的属性代码:<DIV id=Layer1 style="display:block; visibility:visible">
<DIV id=Layer2 style=" display:none; visibility:hidden">
function changediv(id) {
var a= new Array();
a[0] = document.getElementById("Layer1");
a[1] = document.getElementById("Layer2");
a[2] = document.getElementById("Layer3");
a[3] = document.getElementById("Layer4");
for(i=0; i<a.length; i++){
var e = a[i];
e.style.visibility="hidden";
e.style.display="none";
}
var e = a[id-1];
e.style.display="block";
e.style.visibility="visible";
}
</SCRIPT>
链接代码:<a href="javascript:void()" onClick="changediv(1)">
层的属性代码:<DIV id=Layer1 style="display:block; visibility:visible">
<DIV id=Layer2 style=" display:none; visibility:hidden">
相关文章推荐
- vue.js 左侧二级菜单显示与隐藏切换的实例代码
- Xcode 写代码没有补全提示解决:删缓存及显示隐藏文件命令
- javascript 控制 html元素 显示/隐藏实现代码
- 使用脚本控制网页Table的显示隐藏(全代码)_AX
- 基于jQuery实现右侧列表显示隐藏实现代码
- Android EditView密码代码隐藏显示
- query 实现定时显示与隐藏div广告代码
- JS代码解决层显示/隐藏问题
- html 二级菜单的显示和隐藏。+代码(亲测)
- jQuery网页右侧固定层显示隐藏在线qq客服代码
- FastReport编写事件代码控制控件显示隐藏
- 点击自动显示/隐藏DIV代码。(简单实用)
- jQuery判断元素是否显示 是否隐藏的简单实现代码
- 代码片段记录-------隐藏与显示android软键盘
- 在Vue中使用CodeMirror 格式显示错误 行数错乱 & 代码默认隐藏
- Jupyter notebook 转成pdf 中文显示、代码隐藏
- 左右框架隐藏显示/打开/关闭的JS代码
- jQuery仅用3行代码实现的显示与隐藏功能完整实例
- javascript 层隐藏和显示的代码
- jquery显示和隐藏层的代码