Question

我有一个我无法弄清楚的问题。

我有两节课：

    <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 将style="display:none“更改为style="display:block"
.left onMouseEnter 将style="display:block"更改为style="display:none"

我尝试使用css :hover，但这不起作用。这样我就无法在该类中显示文本。我也在互联网上申请了几个javascripts，但没有一个按照我想要的方式工作。

我感谢任何帮助。

Answer 1

你的意思是这样的，但可能没有闪烁效应？ http://jsfiddle.net/Ce8PW/2/

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

但是.left div中必定有一些东西，至少是 ，或者div根本不显示，你将无法附加任何东西。

如果你只是在onmouseover显示/隐藏效果之后，请尝试这样做：http://jsfiddle.net/2ztUp/

如果你想在鼠标悬停时继续显示文字，请让.left div包装文本div，如下所示：http://jsfiddle.net/hKRPY/

Answer 2

这就是你要找的...... !!

将ID提供给div，如果对象显示在屏幕上，则（'#none_blk'）将返回true，否则将返回false

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

编辑：

否则你可以使用toggleClass（）

如何从另一个类更改显示？

2 个答案: