博客列表 >jquery的动画

jquery的动画

李明伟的博客
李明伟的博客原创
2019年01月24日 13:38:57592浏览

jquery的基本动画——

    hide() 隐藏显示的元素

    书写格式:hide([speed][sesing] [fn])

    show() 显示隐藏的元素

    书写格式:show([speed][sesing] [fn])

    speed:显示过程的速度 速度是毫秒值

    sesing:指定切换的效果

    fn:动画完成时执行的一个函数

    

jQuery的滑动是通过高度的变化(向某个方向增大或者缩小)来动态的显示所匹配的元素

slideDown([speed] [fn])通过高度的变化,向下增大的动态效果 下滑效果

speed:下滑显示过程的速度 英文值或者毫秒

fn:动画完成时执行是函数

slideUp([speed] [fn]) 通过高度的变化,向上减小的动态效果 上滑效果(会向上隐藏)

speed:上滑显示过程的速度 英文值或者毫秒

fn:动画完成时执行是函数

slideToggle([speed] [fn])通过高度的变化来切换元素的可见性

speed:上滑隐藏/下滑显示 过程的速度 英文值或者毫秒

fn:动画完成时执行是函数

英文值为slow或者fast


jQuery是通过控制不透明度的变化来控制匹配到的元素的淡入淡出效果

fadeIn([speed] [fn]) 通过不透明度的变化来实现匹配到元素的淡入的效果;

fadeOut([speed] [fn])通过不透明度的变化来实现匹配到元素的淡出的效果;

fadeToggle([speed] [fn]) 通过不透明度的变化来开关所有匹配元素的淡入淡出效果;

fadeTo([speed] opacity [fn]) 把所有匹配到元素的不透明度以渐进发方式调整到指定的不透明度;

// speed:规定效果的时长

fn:动画完成时执行是函数

opacity:fadeTo()方法中必须参数,控制淡入淡出的效果的不透明度(值介于0与1之间)


jQuery中我们使用 animate()方法创建自定义的动画


语法:$(selector).animate({params},speed,fn);


必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 fn是动画完成后所执行的函数

停止动画:

stop() 方法用于停止动画或效果,在它们完成之前; 该方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画

语法:

$(selector).stop(stopAll,goToEnd)

可选的参数 stopAll 规定是否应该清除动画队列。默认是 false 仅停止活动的动画,允许任何排入队列的动画向后执行

可选的参数 goToEnd 规定是否立即完成当前动画。默认是 false

默认情况下 stop() 会清除在被选元素上指定的当前动画


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议