JS实现三个层重叠点击互相切换的方法

本文实例讲述了射流研究…实现三个层重叠点击互相切换的方法。分享给大家供大家参考。具体如下：

该效果实现三个或多个重叠层，按一定规则重叠在一起，当你用鼠标点击任意层的时候，该层被显示在最上部，多个层交替切换，代码简单，同时学习半铸钢钢性铸铁(铸造半钢)也是不错的参考范例，本例的功能需要Java脚本语言代码配合。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-3ccd-tab-click-cha-style-codes/

具体代码如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题三个或多个层重叠实现互相切换/title/head dydiv id=' AAA ' style=' position : absolute；left:100pxtop:100px宽度宽度：100像素高度：100 px背景-color : # ddeeff；' z-index :1'onclick=' moveUp(这个。id)'/div div id=' BBB ' style=' position : absolute；左侧：150pxtop:130px宽度宽度：100像素高度：100 px背景-color : # eeffdd；'z指数：2；onclick=' moveUp(这个。id)'/div div id=' CCC ' style=' position : absolute；左侧：200pxtop:160px宽度宽度：100像素高度：100 px背景-color : # ffddee；' z-index :3'onclick=' moveUp(这个。id)'/div脚本类型=' text/JavaScript ' var div no=document。getelementsbytagname(' div ').长度；函数move up(id){ DivNo；var box=文档。getelementbyid(id)；盒子。风格。zindex=DivNo}/脚本/正文/html希望本文所述对大家的Java脚本语言程序设计有所帮助。