Fatal编程技术网
  • javascript/
  • Javascript JQuery鼠标使用淡出/淡出按钮单击淡出按钮

Javascript JQuery鼠标使用淡出/淡出按钮单击淡出按钮

javascript jquery

Javascript JQuery鼠标使用淡出/淡出按钮单击淡出按钮,javascript,jquery,Javascript,Jquery,我试图使用JQuery来使用一个引导按钮，它固定在浏览器的左侧。它被设计成打开一个消息框供人们聊天。按钮的不透明度必须为大约一半，这样它就不会在浏览器上占据主导地位。我已经为按钮编写了测试代码，但是mouseover和mouseout正在影响单击。因此，使用mouseover和mouseout处理程序，当我单击按钮时，它会消失并立即返回。如果我注释掉这两个鼠标事件处理程序，则fadeOut工作正常。是否有任何方法可以修复此问题，以便fadeOut正常工作 $("#testButton").mou

我试图使用JQuery来使用一个引导按钮，它固定在浏览器的左侧。它被设计成打开一个消息框供人们聊天。按钮的不透明度必须为大约一半，这样它就不会在浏览器上占据主导地位。我已经为按钮编写了测试代码，但是
mouseover
和
mouseout
正在影响
单击。因此，使用
mouseover
和
mouseout
处理程序，当我单击按钮时，它会消失并立即返回。如果我注释掉这两个鼠标事件处理程序，则
fadeOut
工作正常。是否有任何方法可以修复此问题，以便
fadeOut
正常工作


$("#testButton").mouseover(function() {
    $("#testButton").fadeTo("fast", 1);
});
$("#testButton").mouseout(function() {
    $("#testButton").fadeTo("fast", 0.5);
});
$("#testButton").click(function() {
    $("#testButton").fadeOut("fast");
});



您可以使用css来切换按钮的不透明度，如下所示


#testButton{ opacity :0.5};
#testButton:hover{ opacity :1};


然后javascript只能点击


$("#testButton").click(function() {
    $("#testButton").fadeOut("fast");
});


希望这有帮助