js 鼠标悬浮和离开事件 要求兼容IE和火狐等浏览器
一个鼠标悬浮在div1 下拉框div2出来,当鼠标离开div2,div2会消失
要求给一个简单的代码,不要太复杂的
谢谢了
下边这段代码,火狐不兼容 onmouseleave和onmousemove
<script language="javascript" type="text/javascript">
function Text()
{
document.getElementById("div2").style.display="block";
}
function Text2()
{
document.getElementById("div2").style.display="none";
}
</script>
------解决方案--------------------用onmouseout和onmouseover
------解决方案--------------------onmouseleave和onmousemove
这两个事件火狐是兼容的。
不兼容的是你修改CSS的语法。 火狐是不能.出来的。。
------解决方案--------------------jquery的
$(function () {
$('#btn_test').mouseover(function () {
});
})
------解决方案--------------------楼主,根据你的需求,你的不应该用那2个事件,你应该用onmouseover和onmouseout
<div style="background: #666; width: 100px; height: 100px;" onmouseout="f1()" onmouseover="f2()">
function f1() {
document.getElementById("div1").style.display = "none";
}
function f2() {
document.getElementById("div1").style.display = "block";
}