-
step的fx返回的是和css相关的属性 progress的fx返回的是动画进度本身的属性查看全部
-
使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 fontSize 而不是 font-size,使用 marginRight 而不是 margin-right,等等。查看全部
-
linear是平滑线性的意思,也就是匀速查看全部
-
swing和linear 前者在一开始速度比较快,到结束时速度变得缓慢;后者的速度恒定不变查看全部
-
.animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) 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")。 特别注意单位,属性值的单位像素(px),除非另有说明。单位em 和 %需要指定使用 除了定义数值,每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏 如果提供一个以+= 或 -=开始的值,那么目标值就是以这个属性的当前值加上或者减去给定的数字来计算的查看全部
-
操作元素的显示和隐藏可以有几种方法。 例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外,还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)查看全部
-
.val()方法,当没设置value属性时,获取的是<option>中的文本,如“ <option>慕课网</option>”获取到的是“慕课网”; 设置了value属性的话,获取到就是value的值,如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了。查看全部
-
设置查找的根节点查看全部
-
show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外,还引入了toggle、sildeToggle以及fadeToggle切换方法查看全部
-
jQuery中下拉动画slideDown: .slideDown():用滑动动画显示一个匹配元素 .slideDown( [duration ] [, complete ] )提供一个动画是时间,然后传递一个回调,用于知道动画是什么时候结束.持续时间(duration)是以毫秒为单位的,数值越大,动画越慢,不是越快。字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串,或者这个duration参数被省略,那么默认使用400 毫秒的延时。 具体使用: $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... }); 注意事项: 下拉动画是从无到有,所以一开始元素是需要先隐藏起来的,可以设置display:none 如果提供回调函数参数,callback会在动画完成的时候调用。回调函数会在每一个元素执行完动画后都执行一次,而不是这组 动画整体才执行一次查看全部
-
stop(true ture):停止动画,直接跳到当前动画的最终状态。查看全部
-
stop()在animate中的使用,假设要按顺序执行3个动画: stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态 其中第一个true是参数clearQueue(遍历)的值,第二个true是参数jumpToEnd的值查看全部
-
在使用animate执行动画时: duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调 step:规定每个动画的每一步完成之后要执行的函数 if (v == "1") { //观察每一次动画的改变 $aaron.animate({ height: '50' }, { duration :2000, //每一个动画都会调用 step: function(now, fx) { $aaron.text('高度的改变值:'+now) } })查看全部
-
在使用animate制作动画效果中: 参数分解: 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")查看全部
-
.val()方法,当没设置value属性时,获取的是<option>中的文本,如“ <option>慕课网</option>”获取到的是“慕课网”; 设置了value属性的话,获取到就是value的值,如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了。查看全部
举报
0/150
提交
取消