首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > 图片 重叠顺序 JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换) 2010-10-31 23:22:20 作者： JavaScript实例，通过控制Html网页元素，来控制图片的重叠顺序，鼠标移上某一张，那一张就显示在最前面，移动到最后层，它会显示在最前，有意思吧，其实挺简单。 <html> <head> <title>改变图片重叠顺序</title> <style type="text/css"> .s1{position:absolute; top:10;left:10; } .s2{position:absolute; top:50;left:50; } </style> <script language="javascript"> <!-- function ch(obj){ ID1.style.zIndex = 0; ID2.style.zIndex = 0; obj.style.zIndex = 1; } //--> </script> </head> <body> <img src="/upload/201010/20101031232216942.jpg" id="ID1" class="s1" onMouseOver="ch(this)"> <img src="/upload/201010/20101031232216617.jpg" id="ID2" class="s2" onMouseOver="ch(this)"> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:JavaScript实现鼠标滚轮控制页面图片切换功能示例JavaScript简单实现鼠标移动切换图片的方法图片旋转、鼠标滚轮缩放、镜像、切换图片js代码js鼠标点击图片切换效果实现代码js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码js鼠标点击图片切换效果代码分享js实现使用鼠标拖拽切换图片的方法JS鼠标滑过图片时切换图片实现思路js实现鼠标切换图片（无定时器）
