我正在玩弄 jQuery/jQuery-ui,我想做点什么:假设我们有一个词,当我将鼠标悬停在第一个字母上时,我希望看到一些字母滑入(并且当鼠标移到其他地方时)在第一个字母和单词的其余部分之间。因此,FSecond 将变为 FirstSecond,其中“irst”滑动。
我快完成了,但有一个小问题:滑动字母在单词下方滑动,一旦滑动完成,它们就在正确的位置。滑出也是一样:动画本身不发生在第一个字母和单词的其余部分之间。
这是代码,很短:http://pastebin.com/FdTtmV7k .我检查了 jquery-ui 文档,其中提到了要提供给切换功能的选项散列,但我似乎找不到关于这个的任何文档以及要放入的内容。
我还注意到一些类似的问题没有得到解答(参见 jQuery slideToggle() applies display:block while sliding 和 https://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/