javascript - 一个词里面的jQuery滑动动画

标签 javascript jquery jquery-ui

我正在玩弄 jQuery/jQuery-ui,我想做点什么:假设我们有一个词,当我将鼠标悬停在第一个字母上时,我希望看到一些字母滑入(并​​且当鼠标移到其他地方时)在第一个字母和单词的其余部分之间。因此,FSecond 将变为 FirstSecond,其中“irst”滑动。

我快完成了,但有一个小问题:滑动字母在单词下方滑动,一旦滑动完成,它们就在正确的位置。滑出也是一样:动画本身不发生在第一个字母和单词的其余部分之间。

这是代码,很短:http://pastebin.com/FdTtmV7k .我检查了 jquery-ui 文档,其中提到了要提供给切换功能的选项散列,但我似乎找不到关于这个的任何文档以及要放入的内容。

我还注意到一些类似的问题没有得到解答(参见 jQuery slideToggle() applies display:block while slidinghttps://stackoverflow.com/questions/4090796/jquery-ui-show-moves-elements-during-animation)。

感谢您的宝贵时间!

最佳答案

This demo应该做你需要的。问题存在于 jQuery 分配 display:block动画时添加到元素,这会导致您的 <span>呈现为 block-level element .

关于javascript - 一个词里面的jQuery滑动动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6520692/

相关文章:

javascript - Knockout DatePicker 绑定(bind)项不会禁用 DatePicker

javascript - AngularJS 如何从指令模板内部捕获事件?

JavaScript 作用域,函数中的参数与函数中的局部变量相同吗?

javascript - 在 POST 之前进行提交延迟

javascript - 数据表中的多个子行

jQuery 自动完成 : On select parse other key from the same array

javascript - 使用天/周和标题创建带有时刻的自定义日历

javascript - 在服务器端的 react-router 中使用 basename

javascript - 如何将函数放入 for 循环并等待用户输入

javascript - 如何在请求之间保持 jQuery UI 对话框状态?