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


Posted in Javascript onAugust 08, 2013
<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 相关文章推荐
jqPlot Option配置对象详解
Jul 25 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
jquery插件制作 提示框插件实现代码
Aug 17 Javascript
js弹出层永远居中实现思路及代码
Nov 29 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
Dec 18 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
vue使用watch 观察路由变化,重新获取内容
Mar 08 Javascript
JavaScript中的遍历详解(多种遍历)
Apr 07 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
js函数柯里化的方法和作用实例分析
Apr 11 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 #Javascript
JS+css 图片自动缩放自适应大小
Aug 08 #Javascript
javascript:文字不间断向左移动的实例代码
Aug 08 #Javascript
js获得地址栏?问号后参数的方法
Aug 08 #Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 #Javascript
js动态创建、删除表格示例代码
Aug 07 #Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 #Javascript
You might like
Win2000+Apache+MySql+PHP4+PERL安装使用小结
2006/10/09 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
PHP微信企业号开发之回调模式开启与用法示例
2017/11/25 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
javascript下过滤数组重复值的代码
2007/09/10 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
详解JavaScript的策略模式编程
2015/06/24 Javascript
AngularJS表单验证中级篇(3)
2016/09/28 Javascript
js 打开新页面在屏幕中间的实现方法
2016/11/02 Javascript
关于 jQuery Easyui异步加载tree的问题解析
2016/12/06 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
详解VueJS应用中管理用户权限
2018/02/02 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
[07:57]DOTA2热力大趴狂欢夜 广州站活动回顾
2013/11/27 DOTA
Python使用matplotlib的pie函数绘制饼状图功能示例
2018/01/08 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
flask中过滤器的使用详解
2018/08/01 Python
keras中的backend.clip用法
2020/05/22 Python
python生成word合同的实例方法
2021/01/12 Python
英国邮购活的植物主要供应商:Gardening Direct
2019/01/28 全球购物
法国在线药房:DoctiPharma
2020/10/21 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
本科生求职简历的自我评价
2013/10/21 职场文书
商务考察邀请函范文
2014/01/21 职场文书
九年级物理教学反思
2014/01/29 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
2015年体育教学工作总结
2015/05/20 职场文书
行政复议决定书
2015/06/24 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书