Jquery 函数创建鼠标悬停事件

我试图创建一个包含变量的mouseover事件函数。我计划使用if和else来实现mouseover和mouseleave（或out）。我试图在//注释中的这个链接中进一步解释这一点

jQuery：

var n = $("#block").mouseover(function () {});

if (n) { //if variable n (mouseover) occurs on #block, make #block opacity 1
$("#block").css("opacity", "1"),
alert("Working!");
} else { //else #block opacity .5
$("#block").css("opacity", ".5");
}

CSS:

我可能完全弄错了，但我尝试以不同于.hover方法的方式来执行此操作。

您需要的是

$("#block").hover(function () {
    $(this).css("opacity", "1");
}, function(){
    $(this).css("opacity", ".5");
});

演示：

mouseover

不是这样工作的，假定在mouse-over上运行的代码必须位于传递给事件的回调函数中

---

在您的情况下，当鼠标进入#block时，需要将不透明度更改为1，当鼠标离开时，不透明度必须更改为.5。为此，您可以使用事件处理程序

如果您只是尝试使用jQuery更改鼠标上的不透明度，那么这可能就是您尝试执行的操作：

$("#block").mouseover(function () {
    $(this).css('opacity', '1');
}).mouseout(function(){
    $(this).css('opacity', '.5');
});

但是，使用CSS可能会更好地实现这一点：

<style type="text/css">
#block {
    opacity: .5;
}

#block:hover {
    opacity: 1;
}
</style>

#挡块{
不透明度：.5；
}
#块：悬停{
不透明度：1；
}

嘿，赛斯，谢谢你的回复。相反，我希望通过javascript/jQuery将css hover作为平板电脑传递，mobile无法检测到。hover。感谢您的回复Arun P Johny。这应该有助于我弄明白这一点。

<style type="text/css">
#block {
    opacity: .5;
}

#block:hover {
    opacity: 1;
}
</style>