有人可以在幕后解释为什么这个Jquery Hover图像命令不起作用?

时间:2013-04-10 00:33:28

标签: javascript jquery html

有人可以在幕后解释为什么这个Jquery Hover图像命令不起作用?

我见过工作示例,但我想知道为什么这不起作用。 (不正确的语法不是我要找的答案)

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
      <script type="text/javascript"></script>
      <script>
        $(document).ready(function() {
            $("#banner").fadeIn(1500,function(){
                $("#contactBt").fadeIn('slow');
            });
        $("#contactBt").hover(function(){
            $("#contactBt").css("src","images/contactBtHover.png");
        },function(){
            $("#contactBt").css("src","images/contactBtNoHover.png");
        });
        });
    </script>
</head>

<body bgcolor=212121>

    <div style="margin-top:15%; margin-left:10%" >
        <img id="banner" style="display:none;" src="images/banner.png" width=1000 height=275/>
    </div>

    <img id="contactBt" style="display:none; margin-top:0%; margin-left:10%" src="images/contactBtNoHover.png" width=250/>
</body>

基本上我只是想让它说当鼠标悬停在图像上时将其图像源更改为不同的图像。副歌在回来的路上

1 个答案:

答案 0 :(得分:5)

那将是:

$("#contactBt").attr("src","images/contactBtHover.png");

因为src是属性,而不是样式。