2

我将此javascript应用于我的网页：

$(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 类应用于许多图像，当我将鼠标悬停在其中一个图像上时，它会使每个带有gallery_left 类的图像的大小、边框等都增加。我如何使它只有悬停的图像over 被应用，还是我必须让每一个图像都成为它自己的类？（我宁愿不必这样做......）

PS我对JavaScript不是很流利，（我很惊讶我能做到这一点！！）所以如果我不能立即理解你想要理解的内容，请注意。

4

1 回答 1

3

在事件处理程序中，替换$('img.gallery_left')为$(this)，例如：

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

然后它们只会影响看到事件的特定元素，而不是整个元素类。

于 2013-02-21T14:21:29.227 回答