0

私はいくつかのサムネイルを持っており、それらの上にカーソルを合わせるとアニメーション化され（jQueryを使用）、現在ホバーされているdivの内側/上に背景色を持つdivを適用することです（不透明度が上にあるので下の div の一部が表示されます)、表示される div 内のテキスト。

jQuery を使用して、サムネイルの周囲に境界線を持つクラスを追加できましたが、クラスに適用された背景色とテキストが気に入らないようです。どこが間違っているのか教えてもらえますか?

これが私のコードの例です：

http://jsfiddle.net/hTB3q/

$('.video-thumbnail').hover(function () {
    $(this).animate({
        top: '-15px'
    }, 500);
    $(this).show('video-overlay');

ありがとう！

4

4 に答える 4

0

試す

$('.video-thumbnail').hover(function () {
    $(this).finish().animate({
        top: '-15px'
    }, 500);
    $(this).find('.video-overlay').show();
}, function () {
    $(this).finish().animate({
        top: '0px'
    }, 500);
    $(this).find('.video-overlay').hide();
});

デモ:フィドル

于 2013-08-21T11:45:16.887 に答える