UC知道下层DIV如何捕获鼠标事件
来源：百度知道 编辑：UC知道 时间：2024/06/24 14:01:22
肯定没有完全遮住 露出大约1/3 请问老兄 怎么实现
二楼的兄弟没看清问题所在，现在的问题是只有最上层能捕获onmouseover，下面的层不能捕获事件，请看下图，自己试一下
跟滑动门不一样 滑动门都有一个按钮 而我想实现的是不用按钮 鼠标放到下层图片上就能触发事件，看来是实现不了了
你这个和滑动门是一个道理，只是他改变的属性石dipplay=none，你改变胡椒z-index ，Dreamweaver 里就能生成滑动门，你可以借鉴一下。
用AJAX技也非常好实现，把每个图片放到一个DIV块理，鼠标碰到哪个快，就触发事件，把这个快的CSS属性改成，显示到最上面。但如果全被覆盖了，那就不行了。
给每个层加上id, onmouseover=""事件
写一个JS函数来控制
思路:用一个数组存好所有需要切换DIV的ID,写一个排序算法,根据函数传进来的ID名设置DIV层的z-index属性
试下吧 只是个草图,希望有用:
<style type="text/css">
ul{ margin:0px; padding:0px; position:relative; z-index:0; width:400px; height:auto;}
ul li {list-style:none; width:100%; height:auto; float:left; position:absolute;}
#li_0{top:0px; left:0px; z-index:1; background-color:#F00; height:300px;}
#li_1{top:10px; left:10px; z-index:2; background-color:#0F0; height:300px;}
#li_2{top:20px; left:20px; z-index:3; background-color:#00F; height:300px;}
</style>
<script language="javascript">
function change(_id)
{
var ids= new Array();
ids=["li_0","li_1","li_2"];
var z