http://www.umairdesigner.com/emagics/
嗨,我正在这个网站上工作,我开发了当鼠标悬停时图像标题淡出和 img 缩放,如果鼠标离开图像区域则相反。但是我注意到,当我将鼠标悬停在(与团队会面,在 about-us 部分下)中的任何图像上时,第一张图像也同样具有效果。任何建议都将是非常可观的。
这是代码;
figure.mouseenter(function() {
$(this).find('figcaption').fadeOut('fast');
$(this).find('img').animate({top:'-20', left: '-20', width: '224', height: '270'});
});
figure.mouseleave(function() {
$(this).find('figcaption').fadeIn('fast');
$(this).find('img').animate({top:'0', left: '0', width: '193', height: '233'});
});
这是团队部分