4

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

我有两个课程：

    <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，但这没有用。这样我就无法在该类中显示文本。我还应用了我在互联网上找到的几个 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 中必须有一些东西，至少是 a &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 回答