求指导,关于iframe和div的onmouseover事件

cpu220 2012-09-27 05:09:56
先上代码:
<div class="menu">
<div>菜单一
<iframe scrolling="no" frameborder="0"></iframe>
<div id="L1" onmouseover="getcss()" onmouseout="outcss()">选项1</div>
<div id="L1" onmouseover="getcss()" onmouseout="outcss()"> 选项1</div>
<div id="L1" onmouseover="getcss()" onmouseout="outcss()">选项1</div>
<div id="L1" onmouseover="getcss()" onmouseout="outcss()">选项1</div>
<div id="L1" onmouseover="getcss()" onmouseout="outcss()">选项1</div>
</div>
</div>

js:
var id_s;
function onmouseover(){
var id=window.event.srcElement.id;
id_s=document.getElementById(id).style;
id_s.color="#f00";
}
function onmouseout(){
id_s.color="";
}

代码大致如上,因为页面上有大量grid控件,grid的优先级太高,无论div的z-index设置多少都无法遮盖grid,于是想到使用iframe放在菜单底层。虽然解决了div的菜单不被grid遮挡,但iframe却影响了 onmouseover的鼠标事件无法被触发。请问有什么办法解决?至今不明白放在div底层的iframe为什么为使div的onmouseover事件无法触发。
...全文
217 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
山妖溜 2013-08-07
  • 打赏
  • 举报
回复
我现在碰到这样问题:导航菜单,移上就会弹出层,我在层里嵌套了个iframe,可鼠标移到iframe弹出层就消失了,这个情况只在ie中啊,怎么解决啊
cpu220 2012-09-27
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 的回复:]

li的ID一样了,而且事件名称都不对吧,getcss/outcss != onmouseover/onmouseout

HTML code
<div class="menu">
<div>菜单一
<iframe scrolling="no" frameborder="0"></iframe>
<div id="L1" onmouseover="getcss(this)" on……
[/Quote]
嗯,这个确实没写仔细。不过重点是,函数调用的方法受教了,确实学习了。
  • 打赏
  • 举报
回复
li的ID一样了,而且事件名称都不对吧,getcss/outcss != onmouseover/onmouseout

<div class="menu">
<div>菜单一
<iframe scrolling="no" frameborder="0"></iframe>
<div id="L1" onmouseover="getcss(this)" onmouseout="outcss(this)">选项1</div>
<div id="L1" onmouseover="getcss(this)" onmouseout="outcss(this)"> 选项1</div>
<div id="L1" onmouseover="getcss(this)" onmouseout="outcss(this)">选项1</div>
<div id="L1" onmouseover="getcss(this)" onmouseout="outcss(this)">选项1</div>
<div id="L1" onmouseover="getcss(this)" onmouseout="outcss(this)">选项1</div>
</div>
</div>

<script>
var id_s;
function getcss(o) {
o.style.color = "#f00";
}
function outcss(o) {
o.style.color = "";
}
</script>

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧