Question

我已将此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的图像的大小，边框等都增加。如何使其成为仅正在悬停的图像被应用，或者我是否必须将每个图像作为自己的类？（我宁愿不做......）

P.S。我不是很流利的JavaScript，（我很惊讶我做到了这么远!!）所以如果我不能立即理解你想要的东西，那么只需要提醒。

Answer 1

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

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

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

如何将此javascript应用于所选图像？

1 个答案: