我遇到麻烦了,请输入鼠标离开功能。我知道我可以使用.hover选项,在此之前我想使mouseenter / mouseleave工作。

我所看到的是,我打开了chrome浏览器,正在检查img,它说src文件正在更改,但是我没有看到明显的更改。有人可以帮忙吗

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="jquery-1.4.3.min.js" type="text/javascript"></script>


</head>
<body>

            <img id="menuHome" src="m_home.gif" />
                <script type="text/javascript">

                    $(document).ready(function() {
                        $("#menuHome").mouseenter(function() {
                            $(this).attr({ src: 'm_home_roll.gif' });
                        });
                        $("#menuHome").mouseleave(function() {
                            $(this).attr({ src: 'm_home.gif' });
                        });
                    });
    </script>

</body>
</html>

最佳答案

我认为Chrome出现了类似的问题,我似乎还记得使用了mouseovermouseout。所以像这样:

$(document.ready(function() {
    $('#menuHome')
        .mouseover(function() {
            $(this).attr({src: 'm_home_roll.gif'});
        })
        .mouseout(function() {
            $(this).attr({src: 'm_home.gif'});
        });
});


也不需要选择两次元素(因此,$('#menuHome')行是单行)。

关于.net - jQuery mouseenter鼠标离开,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4158957/

10-10 09:40