jQuery动画

Posted niusan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery动画相关的知识,希望对你有一定的参考价值。

动画
1,隐藏动画hide() fast 200 slow 600 display:none;
2,显示动画show();
3,toggle 切换元素的显示和隐藏
4,slideDown 用滑动动画显示一个匹配元素 事件数值越大动画越慢,
sideDown(duration,function(){//等待动画执行1m后执行的别的动作
});
slideUp(slow/400/fast);
5,SlideToggle() 上卷下拉动画切换
6,fadeOut(‘slow/400/fast‘, function() {});
fadeIn(‘slow/400/fast‘, function() {});
动画淡入淡出
7,fadeToggle() 淡入淡出切换
8,fadeTo() opacity的属性,改变透明度,一步到位
9,操作元素显示和隐藏的方式
display:none;
设置高度为0;
设置透明度为0;
10,$(elem).animate({
{opacity:0;},3000
});
11,$(elem).animate({properties},{
duration:设置 动画执行时间,
easing:规定要使用easing函数,过渡使用哪种缓动
step:规定每个动画的每一步完成会后,要执行的函数
progress:每一次动画调用的时候会执行这个函数,就是一个进度的概念
complete:动画完成回调
});
12,动画停止stop
stop() 只会停止第一个动画,第二第三个会继续
stop(true) 停止第一个第二个第三个动画。
stop(true,true) 停止动画,直接跳到第一个动画的最终状态
13,each([],function(index,value){ return false ;/*停止迭代*/})
14,inArray() 查找数组中的索引,存在返回索引值,不存在返回-1
jQuery.inArray(5, [1,2,3,4,5]); //返回4
15,$.trim();去除字符串两边的空白字符
16,.get() 获取集合对象中的某一个元素,传入-值,从后往前索引
17,index() 元素在集合中对应的索引 $(‘li‘).index(‘#test‘) //返回1

以上是关于jQuery动画的主要内容,如果未能解决你的问题,请参考以下文章

深入学习jQuery动画控制

深入学习jQuery动画控制

jquery 加载动画效果怎么做

jquery动画效果总结

jquery animate方法动画效果没有

jQuery动画知识总结