-1

我有一个 div（在#slideup 内有一个 div 和一个带有 PHOTOS 的 div），我希望将“PHOTOS”定位在底部，但是当你将鼠标悬停在它上面时，它会向上扩展，然后标题会转到顶部分区。当您的光标离开 div 时，我希望“照片”返回到底部。

这是我微弱的尝试。我似乎无法将标题偏移到可见的位置。任何帮助将不胜感激。

http://jsfiddle.net/JcBAd/2315/

$("#other-guy").hover(function () {
  $("#slideup").slideToggle("fast");
});

这是一个例子（有点），http://www.barackobama.com/。在右栏中，当您将鼠标悬停在“移民改革”上时，您会看到我在寻找什么。唯一的区别是我希望标题粘在顶部。

4

2 回答 2

1

例如，您可以使用 jQuery .animate()。检查这个FIDDLE。

JS代码在这里：

 $("#other-guy").hover(function () {
        $("#slideup").stop().animate({'bottom' : 0}, 'fast');   /* open */ 
    },

    function(){
        $("#slideup").stop().animate({'bottom' : -180}, 'fast');    /* close */
    }
);
于 2013-04-16T10:22:43.197 回答
0

您正在使用悬停效果，这就是您的 div 仅在您将鼠标悬停在其上时才显示的原因要使用没有悬停效果的代码，请删除 javascript 代码并将您的 HTML 更改为

<div id="other-guy">
<div style="background: #333; color: #FFF;">PHOTOS</div>

它会起作用的。是的，什么是悬停效果？只是为了你的兴趣看看

于 2013-04-15T14:22:38.760 回答