没有任何运气：hover，无论是jquery还是css

这两种都不适合我。从查询开始：

<script>
$(function() {
$("#button1").hover(function() {
$("#button1").animate({opacity: 0.5}, 500);
});
});
</script>

$（函数（）{
$（“#按钮1”）。悬停（函数（）{
$（“#按钮1”）。设置动画（{不透明度：0.5}，500）；
});
});

这会导致不透明度向下移动，但在mouseleave上不会恢复。Jquerys hover page说要执行这样的输入和输出操作：

.hover（handlerIn（eventObject）、handlerOut（eventObject））

因此，当我这样做时，它只会在“鼠标输入”和“鼠标输出”两种情况下为我提供动画：

<script>
$(function() {
$("#button1").hover(function() {
$("#button1").animate({opacity: 0.5}, 500),
    $("#button1").animate({opacity: 1}, 500);
});
});
</script>

$（函数（）{
$（“#按钮1”）。悬停（函数（）{
$（“#按钮1”）。设置动画（{不透明度：0.5}，500），
$（“#按钮1”）。设置动画（{不透明度：1500）；
});
});

所以我放弃了，尝试了mouseenter/mouseleave组合：

<script>
$(function() {
$("#button1").mouseenter(function() {
$("#button1").animate({opacity: 0.5}, 500); 
});
("#button1").mouseleave(function() {
$("#button1").animate({opacity: 1}, 500);
});
});


</script>

$（函数（）{
$（“#按钮1”）.mouseenter（函数（）{
$（“#按钮1”）。设置动画（{不透明度：0.5}，500）；
});
（“#按钮1”）.mouseleave（函数（）{
$（“#按钮1”）。设置动画（{不透明度：1500）；
});
});

它只是粘在鼠标动画上。所以我尝试了css方法：

<style>
a:hover {
opacity: 0.5;
}
</style>
<div>
<a id="button1" ><img src="Assets/button.png"></a>
</div>

a:悬停{
不透明度：0.5；
}

---

杰克不行耸耸肩：

尝试在单独的函数中传递悬停处理程序，如下所示：

$(function() {
    $("#button1").hover(function() {
        $("#button1").animate({
            opacity: 0.5
        }, 500);
    }, function() {
        $("#button1").animate({
            opacity: 1
        }, 500)
    });
});​

---

我不使用jQuery，但您提供的CSS示例非常适合我。我只是从示例中复制了代码，并用我自己的图像交换了图像

---

考虑检查您的浏览器（其版本）是否完全支持不透明度。我正在使用Firefox 12.0，我放弃了。我让鼠标事件工作的唯一方法是将它直接放在元素中（onmouseup:onmousedown:etc…）。我最终得到了一个：悬停开始工作，但如果不删掉ie9及以下的内容，就无法制作动画，所以这是不可能的。至少有一个解决方案，不用感谢jquery

这不管用。我把这个脚本贴在身体底部，按钮元素下面，这会导致问题吗？我在FF11中使用了jquery 1.7.2，可能其中一个破坏了：hover和：mouseenter/leave函数？只有当它没有嵌入到

标记中时。不，它在脚本标记中。这对你有用吗？这是我的代码：$（function（）{$（“#button1”）。悬停（function（）{$（“#button1”）。动画（{opacity:0.5}，500）；}，function（）{$（“#button1”）。动画({opacity:1}，500}；}）；​ 这是我在新页面中的全部标记，没有任何事情发生（分别发布标题和正文）

无标题文档

$（function（）{$（“#button1”）。悬停（function（）{$（“#button1”）。动画({opacity:0.5}，500）；}，function（）{$（“#button1”）。动画（{opacity:1}，500）；}）；​