使用jQuery的"Fly-in"动​​画

bgc*_*ode 1 jquery user-interface animation

我的网站上有自动填充功能,当用户从中选择一个项目时,它会被添加到右侧的代码列表中.我想明确将自动填充选择添加到令牌列表中.如何使用jQuery清楚地显示这种情况?

我想到的可能是文本"飞入"令牌区域,但我愿意接受任何可以很好地使用户明白已添加令牌的内容.其他选项包括在令牌出现时闪烁​​,或弹出工具提示.欢迎提出最有效的建议,以及我可以找到文件的地方.

Dr.*_*lle 6

想要的飞动画并不难实现.您只需使用以下设置的动画:

  1. 位置:绝对
  2. 顶部:(目标顶部)
  3. 左:(目标左侧)

在回调中,您将位置设置回"静态"并将项目从一个节点传输到另一个节点.

举了一个例子:http://jsfiddle.net/doktormolle/adcvK/