0

http://www.umairdesigner.com/emagics/

こんにちは、私はこのサイトで作業しています。マウスをその上に置くと画像キャプションfadeOutとimgズームを開発し、マウスが画像領域を離れる場合は反対になります。しかし、(チームに会う、私たちについてのセクションの下にある)の画像にカーソルを合わせると、最初の画像も同様に効果があります。どんな提案も大いに評価できるでしょう。

これがコードです。

    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

あなたのウェブサイトのURLを提供するのではなく、常にjsfiddleを提供してください..常に

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

ボックスごとに異なるIDに変更します。

class=iboxまたはid="ibox1"ibox2などを指定できます。

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