js 鼠标悬浮跟离开事件 要求兼容IE和火狐等浏览器

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";
        } 
 

查看更多 下一篇