动画div到li元素jquery
动画div到li元素jquery
提问于 2013-11-19 10:56:40
大家好，我不知道我怎么能动画"div“到"li”元素，我有水平列表，我需要动画我的箭头点击元素。
<ul class="tabs-titles">
<li><a href="#tab-1">best <br/> gifts</a></li>
<li><a href="#tab-2">best <br/> gifts</a></li>
<li><a href="#tab-3">best <br/> for gifts</a></li>
<li><a href="#tab-4">best <br/> gifts</a></li>
<li><a href="#tab-5">best <br/> gifts</a></li>
<li><a href="#tab-6">best <br/> gifts <br/> gifts</a></li>
</ul>
<div class="active-tab"></div>这是我的小提琴。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-11-19 11:02:32
http://jsfiddle.net/9E2WQ/5/
这个很管用。看看我的编辑。您必须使用$(this).position().top + $(this).height()/2而不是parent.height()来移动箭头。
玩得开心!
Stack Overflow用户
发布于 2013-11-19 11:11:37
因为我看到凯文已经发布了一个非常好的答案，我建议你使用他的，然而，为了完整性，我会发布另一种方法。请注意，它并不完美，需要进行一些微调才能适应任何最终情况，但它会工作的。
这样就能完成任务：
http://jsfiddle.net/9E2WQ/9/
通过使用基本高度和选项卡的数量，您可以确定每个链接的适当高度。你唯一需要注意的是：
var dist = 22 + (num-1)*($(this).height()+(parseInt($(this).css("marginTop"))*2));这要求所有的链接都是相同的高度。如果您想要任何一个链接是一个不同的高度，您将需要一种不同的方式来计算距离的顶部的div。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20069593
复制相关文章
相似问题
腾讯云开发者
