首页 > 网络编程 > JavaScript > javascript技巧 > javascript 动态改变层的Z-INDEX的代码style.zIndex 2007-08-07 10:11:32 作者： javascript 动态改变层的Z-INDEX的代码style.zIndex <div id="Layer1" style="position:absolute; left:186px; top:96px; width:376px; height:295px; background-color: #CCCCCC;"></div> <div id="Layer2" style="position:absolute; left:294px; top:34px; width:407px; height:315px; background-color: #0066FF;"></div> <a href="#" onClick="changes('Layer1')">链接1</a> <a href="#" onClick="changes('Layer2')">链接1</a> <script type="text/javascript"> var es = 1; function changes(ts){ var obj = document.getElementById(ts); obj.style.zIndex = es; es++ ; } </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:jQuery获取css z-index在各种浏览器中的返回值动态改变div的z-index属性的简单实例JQuery UI DatePicker中z-index默认为1的解决办法vue样式叠层z-index不起作用的解决方案关于微信小程序map组件z-index的层级问题分析推荐深入理解css中的position定位和z-index属性Webpack打包css后z-index被重新计算的解决方法js实现轮播图效果 z-index实现轮播图深入理解z-index的工作原理和应用技巧
