本文以实例形式详细讲述了jQuery动画特效的实现方法。分享给大家供大家参考之用。具体方法如下:
1.自制折叠内容块
内容块如下:
给img元素绑定点击事件。
运行效果如下图所示:
以上是没有动画效果的,有时候感觉会很唐突。实际上,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程序设计有一定的借鉴价值。