Question

基本上我想要一个允许用户悬停的按钮，其中其他图像将显示在顶部，但是当它的点击将被设置为点击图像状态

我试过使用jquery悬停功能，但我没有运气 - 它不允许我点击按钮并显示夸大的

我可以单独使用它，例如，如果用户点击按钮然后会出现一个新图像，但是当我尝试将鼠标悬停在工作时以及点击过量时它会混乱

任何帮助将不胜感激

Jquery

$('.M').hover(
    function(){
      $(this).attr('src','Buttons/Button-MaleOver.png')
    },
    function(){
      $(this).attr('src','Buttons/Button-Male.png')
    }
) 

  $(".M").click(function(){

   $(this).prop("src","Buttons/Button-MaleOver.png");    

});

HTML

<img class="M" src="Buttons/Button-Male.png" ></img>

Answer 1

首先，通过混合用于悬停效果的CSS和用于更改点击按钮的Javascript，可能会更容易。

然后，请注意您正在混合.attr（）和.prop（） - 不确定为什么要这样做。

第三，我认为主要问题是点击更改图像，但是当光标移出时，恢复正常图像。您必须设置一个指示“点击”状态的变量，因此悬停效果不会启动。或者悬停效果会检查“src”属性的当前值，如果它已经“点击”则会保留它“图片。

onclick和悬停方法不起作用

1 个答案: