2

我真的是 jQuery 的初学者,今天我尝试创建这种可爱的水平手风琴菜单,上面有一些文字。

现在我让手风琴工作了,但我也尝试为文本的字母间距设置动画。

编辑: 请注意宽度动画正在工作,问题是字母间距没有动画-14px,而是跳回来。

我到处搜索,找不到解决方案。

这是我的 jQuery 代码:

$(document).ready(function() {
$("ul li a, p").hover(function() { 

    $el = $(this);

    $el.animate({width: "200px", letterSpacing: "0px"
}, { queue:false });
}, function() { 

    $el = $(this);

    $el.animate({width: "120px", letterSpacing: "-14px"
},{ queue:false });
});
});

http://jsfiddle.net/d5MYS/ - 实时代码

谢谢 :)

4

1 回答 1

0

您没有指定哪个网络浏览器。我无法使用 FireFox 12 重现此问题,并且我假设您遇到了此处描述的 JQuery/Internet Explorer 错误:http: //bugs.jquery.com/ticket/8627

于 2012-06-14T07:52:01.627 回答