Question

我正在尝试制作一个新闻框，当你悬停在小标签上，挂在右侧，然后新闻框滑到屏幕上，我有一张应该看起来像的图片，但图片不应该使用过，而不是信息，它实际上应该是什么样子。

我试图制作它，但我认为不应该这样做。

我认为它做错了

我不知道如何使它成为一个链接，所以它的业余链接

的 FIDDLE

$(".menu").hover(function(){
    $(this).stop(true, false).animate({ width: "300px" });

}, function() {
    $(this).stop(true, false).animate({ width: "75px" });
});

Answer 1

删除

text-align:center;

http://jsfiddle.net/Z8q5g/2/

它应该是你想要的。

Answer 2

如果我明白你的意思，你只能用css来做这件事 http://jsfiddle.net/Z8q5g/3/

<style>
  nav .item > a {
    display: inline-block;
    background: #888;
  }

  nav .item .bla {
    display: none;
    background: #000;
  }

  nav .item:hover .bla {
    display: inline-block;
    vertical-align: top;
  }
</style>

<nav>
  <div class="item">
    <a href="#">Home</a>
    <div class="bla">
      <a href="#">Blabla</a><br />
      <a href="#">Blabla2</a>
    </div>
  </div>
</nav>

在悬停;菜单将滑动到屏幕上

2 个答案: