0

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'});
});

这是团队部分 在此处输入图像描述

4

1 回答 1

0

始终提供 jsfiddle 而不是提供您的网站 url ..始终

<div id="ibox"></div>

将其更改为不同盒子的不同 ID。

你可以给 class = ibox 或 id="ibox1" ibox2 等等 .on ..

 <div id="ibox1"></div> or <div class="ibox"></div>
于 2012-06-11T21:55:37.653 回答