分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery动画

发布时间:2023-09-06 01:29责任编辑:熊小新关键词: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动画

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved