4

理解できない問題があります。

私は2つのクラスを持っています：

    <div class="left" style="display:block;"></div>
    <div class="leftlarge" style="display:none">
        <h1>Welcome</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>

これが私が欲しいものです：

  • .leftlarge onMouseEnter change style="display:none"tostyle="display:block"
  • .left onMouseEnterに変更style="display:block"しますstyle="display:none"

で試しましたが、うまくいきcss :hoverませんでした。このように、そのクラスのテキストを表示することはできません。また、インターネットで見つけたいくつかのJavaScriptを適用しましたが、希望どおりに機能するものはありませんでした。

助けていただければ幸いです。

4

2 に答える 2

1

あなたはこのようなことを意味しますが、おそらくちらつき効果はありませんか？ http://jsfiddle.net/Ce8PW/2/

$(function(){
  $('.left').mouseenter(function(){$('.leftlarge').show();$(this).hide();});
  $('.leftlarge').mouseenter(function(){$('.left').show();$(this).hide();});
});

ただし、.left divに何かが含まれている必要があります。そうで&nbsp;ない場合、divはまったく表示されず、何もアタッチできません。

マウスオーバーの表示/非表示効果の直後の場合は、代わりにこれを試してください：http: //jsfiddle.net/2ztUp/

マウスがその上にあるときにテキストを表示し続ける場合は、.left divに次のようにテキストdivをラップさせます：http：//jsfiddle.net/hKRPY/

于 2013-02-24T08:59:32.617 に答える
0

これはあなたが探しているものです....!!

divにIDを指定すると、（'#none_blk'）は、オブジェクトが画面に表示されている場合はtrueを返し、そうでない場合はfalseを返します。

function isDisplayed(object)
 {
if($(object).css('display') == 'block')
    {
   return true;
     }
   return false;
 }

編集：

それ以外の場合は、toggleClass（）を使用できます

于 2013-02-24T08:43:22.687 に答える