1 
<div class="profile-banner" onMouseOver="fadeIn('edit-banner');" onMouseOut="fadeOut('edit-banner');">
    <div id="edit-banner">
        Edit Banner
    </div>
</div>

（stackoverflowではフォーマットがおかしいので、フォーマットは無視してください。）

とにかく、私が抱えている問題は、「バナーの編集」領域にマウスを置いた2番目の問題です。別の要素にいることを認識し、フェードアウトします。そのプロフィールバナーエリアにいる限り、それを維持する必要があります。

4

1 に答える 1

1

jsBin デモ

クラスを使用する.edit-banner

<div class="profile-banner">
    <div class="edit-banner">
        Edit Banner
    </div>
</div>

$('.profile-banner').on('mouseenter mouseleave',function( e ){
    var inOut = e.type=='mouseenter' ? 1 : 0;
    $(this).find('.edit-banner').stop().fadeTo(500, inOut);
});
于 2012-09-30T16:46:18.553 に答える