0

どちらも私には正しく機能していないようです。クエリから開始:

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

これにより、不透明度が下にシフトしますが、マウスリーブで再開しません。Jquerysホバーページは、次のように入出力アクションを実行するように指示します。

.hover(handlerIn(eventObject)、handlerOut(eventObject))

したがって、これを行うと、マウスインとマウスアウトの両方のアニメーションが表示されます。

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

だから私はそれをあきらめて、mouseenter /mouseleaveコンボを試しました:

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


</script>

それは単にmouseenterアニメーションに固執します。だから私はcssメソッドを試しました:

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

ジャックしません。:肩をすくめる:

4

3 に答える 3

0

次のように、ホバーハンドラーを別の関数に渡してみてください。

$(function() {
    $("#button1").hover(function() {
        $("#button1").animate({
            opacity: 0.5
        }, 500);
    }, function() {
        $("#button1").animate({
            opacity: 1
        }, 500)
    });
});​
于 2012-04-28T05:49:00.530 に答える
0

私はjQueryを使用していませんが、あなたが提供したCSSの例は私にとって完璧に機能します。例からコードをコピーして、画像を自分のものと交換しました。

ブラウザ(そのバージョン)が不透明度を完全にサポートしているかどうかを確認することを検討してください。Firefox12.0を使用しています

于 2012-04-28T05:57:59.407 に答える
0

nm、私はあきらめます。マウスイベントを機能させる唯一の方法は、要素内に直接配置することです(onmouseup:onmousedown:など)。私は最終的にa:hoverを動作させましたが、ie9以下を切り取らずにアニメーション化する方法はないので、それは問題外です。少なくとも解決策はありますが、jqueryのおかげではありません。

于 2012-04-30T04:32:44.827 に答える