2

この JavaScript を Web ページに適用しました。

$(function() {

$('img.gallery_left').mouseover(function(){

    $('img.gallery_left').animate({
borderWidth: '10px',
width: '750px',
height: '500px',
marginLeft: '1px',
zIndex: '15'}, 'default');

});

$('img.gallery_left').mouseout(function(){

    $('img.gallery_left').animate({
borderWidth: '4px',
width: '300px',
height: '200px',
marginLeft: '1px'}, 'default');

    });
});

gallery_left クラスを多数の画像に適用していますが、画像の 1 つにカーソルを合わせると、gallery_left クラスのすべての画像がサイズや境界線などで大きくなります。画像だけがホバーされるようにするにはどうすればよいですかまたは、すべての画像を独自のクラスにする必要がありますか? (やらなくていいのに…)

PS 私は JavaScript があまり得意ではありません (ここまでできたことに驚いています!!)。

4

1 に答える 1

3

イベント ハンドラー内で、次のように置き換え$('img.gallery_left')ます$(this)。

$('img.gallery_left').mouseover(function() {
    $(this).animate({...});
});

その後、要素のクラス全体ではなく、イベントを見た特定の要素にのみ影響します。

于 2013-02-21T14:21:29.227 に答える