【发布时间】：2012-06-17 05:35:13
【问题描述】：
我真的是 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/ - 实时代码
谢谢:)
【问题讨论】：
-
修复它对我有用的 jquery 引用：jsfiddle.net/d5MYS/2
-
如果上面的评论不能解决你的问题：上面的小提琴提供了字母间距动画。那你有什么问题？
-
@Simon 它在增加间距时确实有效，但由于某种原因在返回的路上它会跳转而不是动画......
标签： jquery jquery-animate jquery-ui-accordion letter-spacing