1

現在、リンクにホバーフェードイン効果を追加しようとしていますが、それを達成しましたが、効果が発生している間、リンクは数秒間アクティブになりません。代わりに、リンク内のimg要素をフェードインしようとしましたが、機能しませんでした。.mouseover（）を.hover（）に切り替えても機能しませんでした。

コードは次のとおりです。

$(".tabButtons a").mouseover(function() {
 $(this).css("opacity","0");        
$(this).css("background","url(/testsite/assets/templates/tsi/images/sspButtonHover.png)");
$(this).animate({opacity: 1}, 500);       
});

$(".tabButtons a").mouseout(function() {
$(this).stop();
 $(this).css("opacity","1");
$(this).css("background","url(/testsite/assets/templates/tsi/images/sspButton.png)");
});

助言がありますか？？これが起こっているページは次のとおりです:(中央に大きな灰色のボタンの列があります）

4

2 に答える 2

0

<span>タグ内にタグを追加して、<a>すべてのアニメーションをタグで実行してみてください<span>。タグ<span>と<a>タグに固定サイズを指定します。

于 2011-08-24T20:16:55.737 に答える
0 
$(".tabButtons a").mouseenter(function() {
 $(this).css("opacity","0");        
$(this).css("background","url(/testsite/assets/templates/tsi/images/sspButtonHover.png)");
$(this).animate({opacity: 1}, 500);       
});

$(".tabButtons a").mouseleave(function() {
$(this).stop(true,true);
 $(this).css("opacity","1");
$(this).css("background","url(/testsite/assets/templates/tsi/images/sspButton.png)");
});
于 2011-08-24T20:23:30.490 に答える