码迷,mamicode.com
首页 > Web开发 > 详细

jQuery动画

时间:2017-12-09 12:06:26      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:jquery   数组   使用   anim   第一个   fadeout   down   状态   slow   

动画
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   数组   使用   anim   第一个   fadeout   down   状态   slow   

原文地址:http://www.cnblogs.com/niusan/p/8010862.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!