动态改变div的z-index属性的简单实例
2013-08-08 00:00
447 查看
<script language="javascript"> var MAX_INDEX=4; function change(ddd) { if(ddd.style.zIndex<= MAX_INDEX) { ddd.style.zIndex = MAX_INDEX+1; MAX_INDEX++; } } </script> <div id="layer1" onclick="javascript:change(this);" style="position:absolute;margin-left:100;margin-top:50px;margin-=100;width=100;height=100;background-color:#ff0000;z-index:1"></div> <div id="layer2" onclick="javascript:change(this);" style="position:absolute;margin-left:120;margin-top:60px;margin-=120;width=100;height=100;background-color:#00ff00;z-index:2"></div> <div id="layer3" onclick="javascript:change(this);" style="position:absolute;margin-left:140;margin-top:70px;margin-=140;width=100;height=100;background-color:#0000ff;z-index:3"></div> <div id="layer4" onclick="javascript:change(this);" style="position:absolute;margin-left:160;margin-top:80px;margin-=160;width=100;height=100;background-color:#000000;z-index:4"></div>
相关文章推荐
- 动态改变div的z-index属性的简单实例
- 动态改变div的z-index属性
- Jquery中把一段html代码动态写入到DIV中(简单实例)
- JavaScript动态改变div属性的实现方法
- 用js动态添加html元素,以及属性的简单实例
- Javascript控制div属性动态变化实例分析
- js动态添加的DIV中的onclick事件简单实例
- JS动态添加div、li、img等元素及设置属性(实例)
- JavaScript动态改变div属性的实现方法
- fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
- Javascript控制div属性动态变化实例分析
- 动态改变class内的属性,使得div跟随指定目标移动
- js动态添加的DIV中的onclick事件简单实例
- jquery动态改变form属性提交表单
- 最简单调用系统的“数据链接属性”窗口实例
- Objective_C动态获取实例属性
- dll的静态调用和动态调用使用说明及简单实例
- 用X++代码来动态的改变表的属性
- Android自定义组件简单实例(自定义属性)
- 动态改变input type属性的变通方法