jQuery 动画效果有哪些选项?
许多 jQuery(和 jQuery UI)功能允许在显示/隐藏元素时发生动画。他们的网站的令人厌烦的事情之一是他们缺乏可以使用的动画关键字的定义。我知道 slide
、fadeIn
和 fadeOut
。我知道我过去也使用过其他人。某处有明确的选项列表吗?
A lot of the jQuery (and jQuery UI) functionality allows for animations to occur when showing/hiding elements. One of the irksome things about their otherwise-thorough web site is their lack of definitions of the animation keywords you can use. I'm aware of slide
, fadeIn
, and fadeOut
. I know I've used others in the past as well. Is there a definitive list of options somewhere?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
Jquery 文档
这是所有效果的列表。
Jquery Documentation
That's a list of all the Effects.
除了标准 jQuery 效果jQuery UI 效果>。
我能找到的唯一列表是在演示页面上: http://jqueryui.com/docs/effect /
这包括幻灯片、摇动、吹气、盲人等内容...
jQuery UI 效果页面 包含一些 jQuery 动画效果(显示、隐藏)的演示链接,但不是全部(如淡入/淡出),还链接到 jQuery UI 效果。
但总的来说,我不认为有一个全面的 jQuery / jQueryUI 列表。
There's also the jQuery UI effects in addition to the standard jQuery effects.
The only list I could find of them were on the demo page: http://jqueryui.com/docs/effect/
This includes stuff like slide, shake, puff, blind, etc...
This main landing page on the jQuery UI Effects page has links to demos of some of the jQuery animation effects (show, hide), but not all (like fade in/out) and also links to the jQuery UI effects.
But overall, I don't think there is a comprehensive jQuery / jQueryUI list.
我真的很喜欢这个页面: http://jqueryui.com/resources/demos/effect/easing .html
正如前面所说,这也很有用: http://jqueryui.com/effect/
I really like this page: http://jqueryui.com/resources/demos/effect/easing.html
And as previously said, this is also useful: http://jqueryui.com/effect/
这里是 jQuery 内置效果的一个好起点:
http://api.jquery .com/category/effects/
Here is a good place to start for the baked-in effects in jQuery:
http://api.jquery.com/category/effects/
找到了关于这个主题的好资源...
http://gsgd.co.uk/sandbox/ jquery/easing/
这不仅提供了几个缓动选项,而且还提供了一个测试区域,您可以在其中探索多个选项。
Found a good resource on this topic...
http://gsgd.co.uk/sandbox/jquery/easing/
This not only offers several easing options but also a test area where you can explore several options.