0

这是一个装腔作势的人：

加载页面，第一次将鼠标悬停在邮件和 LinkedIn 选项卡上时，动画会跳转到端点框架。它应该为选项卡放置动画。

第一次悬停后，一切正常，悬停行为符合预期。尝试过鼠标输入、鼠标悬停和悬停。就个人而言，我最喜欢 mouseenter ，但那是我。该行为类似于下面的水平主题按钮，它们不显示跳转。诡异的。

代码如下所示：

$("#zipperTabLinkedin a")
    .mouseenter(function(e){
        $(this).animate(
            {padding:'30px 0 0 0'},
            {duration:500},
            {easing:'swing'})
    })
    .mouseleave(function(e){
        $(this).animate(
        {padding:'5px 0 0 0'},
        {duration:500},
        {easing:'swing'})
});

只是很奇怪。您可以在以下位置查看效果： http ://desertbiz.biz/repl.html

4

2 回答 2

1

删除. padding-top_a:hover

http://jsfiddle.net/7Mwja/6/

于 2012-09-28T07:12:13.443 回答
0

这是一个永远不会失败的 css3 转换解决方案。

小提琴演示

使用 transion 属性对其进行动画处理。

 -webkit-transition:padding-top 0.1s ease-in;

css3 过渡教程

www.w3schools.com/css3/css3_transitions.asp

（唯一的缺点是你应该编写跨浏览器 css）

于 2012-09-28T07:11:04.497 回答