为了账号安全,请及时绑定邮箱和手机立即绑定
  • properties:一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的,除非另有说明;这些属性如果不是数字的将不能使用基本的jQuery功能。比如常见的,border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不可以,因为参数是red或者GBG这样的值,非常用插件,否则正常情况下是不能只用动画效果的。注意,CSS 样式使用 DOM 名称(比如 "fontSize")来设置,而非 CSS 名称(比如 "font-size")。
    查看全部
  • $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });
    查看全部
  • 特别注意单位,属性值的单位像素(px),除非另有说明。单位em 和 %需要指定使用 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); 除了定义数值,每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏 .animate({ width: "toggle" }); 如果提供一个以+= 或 -=开始的值,那么目标值就是以这个属性的当前值加上或者减去给定的数字来计算的 .animate({ left: '+=50px' }, "slow"); duration时间 动画执行的时间,持续时间是以毫秒为单位的;值越大表示动画执行的越慢,不是越快。还可以提供'fast' 和 'slow'字符串,分别表示持续时间为200 和 600毫秒。 easing动画运动的算法 jQuery库中默认调用 swing。如果需要其他的动画算法,请查找相关的插件
    查看全部
  • toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)
    查看全部
  • 如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置 如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1 index()返回对象位置
    查看全部
  • $('a')//找到所有a标签 $('a').get(5)//找到所有a标签的第五个 $('a').get(-2)//找到所有a标签的倒数第五个
    查看全部
  • jQuery.trim() 移除字符串结束和开始处的空格或换行符,不能移除字符串中间的空格
    查看全部
  • obj.inArray(value,array,[fromIndex]) inArray数组可以查询一个对象是否存在于一个数组中,存在返回这个对象处于的位置,未找到则返回-1. 第一个参数为查询的对象,第二个是参数为查询的数组,第三个参数为数组中查找的起始位置,默认从1开始,选填 注:第三个参数对inArray的结果没有影响
    查看全部
  • 停止动画stop() stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态
    查看全部
  • $aaron.animate({ fontSize: "5em" }, 2000, function() { alert("动画 fontSize执行完毕!"); }); animate动画,第一个参数为对象改变的值,第二个参数为动画时间,第三个参数为动画执行结束后执行的函数
    查看全部
  • 隐藏显示切换方法 改变样式display为none 设置位置高度为0 设置透明度为0 toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果
    查看全部
  • 淡入效果fadeTo(改变透明度),第一个参数为动画时间,第二个参数为透明度最终变化成的值
    查看全部
  • fadeToggle切换fadeOut与fadeIn效果,即淡入淡出效果
    查看全部
  • fadeIn淡出显示动画 fadeOut淡入消失动画 第一个参数为动画时间(可不填默认400ms) 第二个参数为动画完成后执行的函数(可不填)
    查看全部
  • $("button").click(function() { $("#a1").slideToggle("3000") }); 上下拉卷切换(可重复)效果,括号内为动画时间,不填为400ms,fast对应200ms,slow对应600ms,也可自定义动画时间 第二个参数可选,是一个动画结束后执行的效果
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!