本文以实例形式详细讲述了jQuery动画特效的实现方法。分享给大家供大家参考之用。具体方法如下:
1.自制折叠内容块
内容块如下:
标题
给img元素绑定点击事件。
运行效果如下图所示:
切换元素的显示状态,还可以用toggle方法。
以上是没有动画效果的,有时候感觉会很唐突。实际上,show,hide,toggle方法都可以有动画效果。比如:
又比如:
2.使元素淡入淡出
3.上下滑动元素
4.停止动画
5.创建自定义动画
$('.classname').animate({opacity:'toggle'},'slow')
如果写一个扩展函数。
6.自定义缩放动画
7.自定义掉落动画
8.自定义消散动画
9.队列中的动画
$('button').click(function(){
$('img').dequeue('chain'); //删除队列中的动画
})
$('img').dequeue('chain'); //删除队列中的动画
})
cleaeQueue(name)//删除所有未执行的队列中的动画
delay(duration,name)//为队列中所有未执行的动画添加延迟
相信本文所述对大家的jQuery程序设计有一定的借鉴价值。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。