日期:2014-05-17  浏览次数:20483 次

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