编程 Javascript

动态改变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 相关文章推荐

对象的类型：本地对象(1)

Dec 29 Javascript

Jquery 快速构建可拖曳的购物车DragDrop

Nov 30 Javascript

EasySlider 基于jQuery功能强大简单易用的滑动门插件

Jun 11 Javascript

JS动态创建Table,Tr,Td并赋值的具体实现

Jul 05 Javascript

js获取多个tagname的节点数组

Sep 22 Javascript

基于mouseout和mouseover等类似事件的冒泡问题解决方法

Nov 18 Javascript

jQuery javascript获得网页的高度与宽度的实现代码

Apr 26 Javascript

jackson解析json字符串,首字母大写会自动转为小写的方法

Dec 22 Javascript

基于vue.js无缝滚动效果

Jan 25 Javascript

Angular4 组件通讯方法大全(推荐)

Jul 12 Javascript

Vue开发实现吸顶效果的示例代码

Aug 21 Javascript

原生JS实现弹幕效果的简单操作指南

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

做一个有下拉功能的留言版

2006/10/09 PHP

php 分页函数multi() discuz

2009/06/21 PHP

PHP Yii框架之表单验证规则大全

2015/11/16 PHP

thinkPHP5.0框架独立配置与动态配置方法

2017/03/17 PHP

一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子

2009/05/21 Javascript

jquery+json 通用三级联动下拉列表

2010/04/19 Javascript

获取dom元素那些讨厌的位置封装代码

2010/06/23 Javascript

在JavaScript中获取请求的URL参数[正则]

2010/12/25 Javascript

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二

2011/12/31 Javascript

在js(jquery)中获得文本框焦点和失去焦点的方法

2012/12/04 Javascript

jQuery fadeTo方法调整图片的透明度使用介绍

2013/05/06 Javascript

javascript函数定义的几种区别小结

2014/01/06 Javascript

js中的onchange和onpropertychange (onchange无效的解决方法)

2014/03/08 Javascript

jquery实现的网页自动播放声音

2014/04/30 Javascript

JavaScript检查某个function是否是原生代码的方法

2014/08/20 Javascript

Javascript中call与apply的学习笔记

2014/09/22 Javascript

js实现点击链接后窗口缩小并居中的方法

2015/03/02 Javascript

jQuery点击按钮弹出遮罩层且内容居中特效

2015/12/14 Javascript

详解JavaScript中基于原型prototype的继承特性

2016/05/05 Javascript

微信小程序 scroll-view组件实现列表页实例代码

2016/12/14 Javascript

利用ES6语法重构React组件详解

2017/03/02 Javascript

jquery在启动页面时,自动加载数据的实例

2018/01/22 jQuery

让axios发送表单请求形式的键值对post数据的实例

2018/08/11 Javascript

vue.js自定义组件directives的实例代码

2018/11/09 Javascript

Flutter部件内部状态管理小结之实现Vue的v-model功能

2019/06/11 Javascript

教你如何用Node实现API的转发（某音乐）

2019/09/20 Javascript

vscode 远程调试python的方法

2017/12/01 Python

详解pandas中MultiIndex和对象实际索引不一致问题

2019/07/23 Python

Python pip 安装与使用(安装、更新、删除)

2019/10/06 Python

详解使用scrapy进行模拟登陆三种方式

2021/02/21 Python

CSS3绘制六边形的简单实现

2016/08/25 HTML / CSS

英国工作场所设备购买网站：Slingsby

2019/05/03 全球购物

浙江文明网签名寄语

2014/01/18 职场文书

2014年教师节活动总结

2014/08/29 职场文书

个性发展自我评价2015

2015/03/09 职场文书

男人帮观后感

2015/06/18 职场文书