代码之家  ›  专栏  ›  技术社区  ›  DotNetRussell

有人能在幕后解释一下为什么这个Jquery悬停图像命令不起作用吗?

  •  0
  • DotNetRussell  · 技术社区  · 13 年前

    有人能在幕后解释一下为什么这个Jquery悬停图像命令不起作用吗?

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

          <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>
    

    基本上,我只想说当鼠标悬停在图像上时,将其图像源更改为不同的图像。Vice Verse在回来的路上

    1 回复  |  直到 13 年前
        1
  •  5
  •   adeneo    13 年前

    那将是:

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

    src 是一种属性,而不是一种样式。