javascript 动态改变层的Z-INDEX的代码style.zIndex
2014-07-29 15:06
393 查看
<div id="Layer1" style="position:absolute;
left:186px;
top:96px;
width:376px;
height:295px;
background-color: #CCCCCC;"></div>
<div id="Layer2" style="position:absolute;
left:294px;
top:34px;
width:407px;
height:315px;
background-color: #0066FF;"></div>
<a href="#" onClick="changes('Layer1')">链接1</a> <a href="#" onClick="changes('Layer2')">链接1</a>
<script type="text/javascript">
var es = 1;
function changes(ts){
var obj = document.getElementById(ts);
obj.style.zIndex = es;
es++ ;
}
</script>
left:186px;
top:96px;
width:376px;
height:295px;
background-color: #CCCCCC;"></div>
<div id="Layer2" style="position:absolute;
left:294px;
top:34px;
width:407px;
height:315px;
background-color: #0066FF;"></div>
<a href="#" onClick="changes('Layer1')">链接1</a> <a href="#" onClick="changes('Layer2')">链接1</a>
<script type="text/javascript">
var es = 1;
function changes(ts){
var obj = document.getElementById(ts);
obj.style.zIndex = es;
es++ ;
}
</script>
相关文章推荐
- javascript动态改变层的Z-INDEX的代码style.zIndex
- javascript 动态改变层的Z-INDEX的代码style.zIndex
- javascript 动态改变层的Z-INDEX的代码style.zIndex
- Javascript获取标签ID改变style属性的代码
- Javascript获取标签ID改变style属性的代码
- javascript 动态改变onclick事件触发函数代码
- javascript 动态改变onclick事件触发函数代码
- javascript动态改变style里的样式
- javascript 动态改变onclick事件触发函数代码
- 使用JavaScript实现动态改变控件大小
- 如何让动态插入的javascript脚本代码跑起来。
- Javascript动态改变按钮样式
- 用C#代码动态改变页面样式
- [转]ASP动态生成的javascript表单验证代码。
- 如何使用后台代码在head标记中动态生成javascript?
- 用javascript 动态改变iframe 的src 属性
- 用javascript动态调整iframe高度的代码
- (JavaScript)实现在客户端动态改变Treeview节点的选中状态
- 用C#代码动态改变页面样式
- 用ASP动态生成JavaScript的表单验证代码