动态改变div的z-index属性的简单实例

更新时间：2013年08月08日 11:20:52 作者：

这篇文章介绍了动态改变div的z-index属性的简单实例，有需要的朋友可以参考一下

<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>

您可能感兴趣的文章:

JavaScript判断是否是微信浏览器
通过判断UA中是否有关键字micromessenger，有的话则是微信内置浏览器。下面小编给大家分享实现代码，代码简单易懂，需要的朋友可以参考下
2016-06-06
JS中touchstart事件与click事件冲突的解决方法
这篇文章主要给大家介绍了关于JS中touchstart事件与click事件冲突的解决方法，文中通过示例代码将解决的方法介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2018-03-03
javascript来定义类的规范小结
javascript来定义类的规范，有利于代码的可阅读性。
2010-11-11
JS连接SQL数据库与ACCESS数据库的方法实例
这篇文章主要介绍了JS连接SQL数据库与ACCESS数据库的方法实例，有需要的朋友可以参考一下
2013-11-11
关于IE7 IE8弹出窗口顶上
关于IE7.8.弹出窗口顶上...
2008-12-12
原生js实现简单贪吃蛇小游戏
这篇文章主要为大家详细介绍了原生js实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
通过示例彻底搞懂js闭包
下面小编就为大家带来一篇通过示例彻底搞懂js闭包。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
使用JavaScript开发IE浏览器本地插件实例
这篇文章主要介绍了使用JavaScript开发IE浏览器本地插件实例,本文讲解使用JS+注册表的方式开发一个IE浏览器本地插件,需要的朋友可以参考下
2015-02-02
js程序中美元符号$是什么
$符号在php中是表示变量的特征字符，在js中它也有很多作用，一般我们用来命名一个函数名称，获取id的
2008-06-06
15位和18位身份证JS校验的简单实例
下面小编就为大家带来一篇15位和18位身份证JS校验的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07