动态改变div的z-index属性的简单实例
2018-10-12 14:06
417 查看
<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属性
- Javascript控制div属性动态变化实例分析
- js动态添加的DIV中的onclick事件简单实例
- JavaScript动态改变div属性的实现方法
- js动态添加的DIV中的onclick事件简单实例
- 动态改变class内的属性,使得div跟随指定目标移动
- Javascript控制div属性动态变化实例分析
- fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
- 用js动态添加html元素,以及属性的简单实例
- JS动态添加div、li、img等元素及设置属性(实例)
- Jquery中把一段html代码动态写入到DIV中(简单实例)
- JavaScript动态改变div属性的实现方法
- JavaScript动态创建div等元素实例讲解
- jqgrid-2动态改变列编辑属性
- vue实例的简单属性和方法调用
- CSS3的过渡属性简单实例
- 函数传参,改变Div任意属性的值&&图片列表:鼠标移入/移出改变图片透明度
- jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
- 动态代理的简单实例.