[CSS+HTML]三个层重叠，点击互相切换的代码
2014-08-22 07:49:54 -0700
代码复制
<html> </head> <body> <div id="aaa" style="position:absolute;left:100px;top:100px;width:100px;height:100px;background-color:#ddeeff;z-index:1;" onclick="moveUp(this.id)"></div> <div id="bbb" style="position:absolute;left:150px;top:130px;width:100px;height:100px;background-color:#eeffdd;z-index:2;" onclick="moveUp(this.id)"></div> <div id="ccc" style="position:absolute;left:200px;top:160px;width:100px;height:100px;background-color:#ffddee;z-index:3;" onclick="moveUp(this.id)"></div> <script type="text/javascript"> var divNo = document.getElementsByTagName("div").length; function moveUp(id) { divNo++; var box = document.getElementById(id); box.style.zIndex=divNo; } </script> </body> </html>
代码演示
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N