jQuery效果

jQuery效果

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： VS

作者：小益

撰写时间：2021年5月18日

在jQuery可以实现很多效果，相比JavaScript要简单很多，用的代码也是很少的，在JavaScript中实现一个效果或动画就要用到很多的代码，很是让人头疼，但是在jQuery中实现这些效果就很简单了，只需要简简单单的几句代码就好了，下面列举了几种常见的种类

1、隐藏和显示

hide() 和 show()方法来隐藏和显示HTML元素

语法：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

参数：

speed:规定隐藏/显示的速度，可以取值：slow、fast或毫秒

callback:是隐藏或显示完成后所执行的函数名称

2、淡入和淡出

fadein()用于淡入已隐藏的元素

语法：

$(selector).fadein(speed,callback);

参数：

speed:规定效果的时长，可以取值：slow、fast或毫秒

callback:是fadein完成后所执行的函数名称

3、滑动

slideDown()方法用于向下滑动元素，slideUp()方法用于向上滑动元素

语法：

$(selector). slideDown/ slideUp(speed,callback);

参数：

speed:规定效果的时长，可以取值：slow、fast或毫秒

callback:是滑动完成后所执行的函数名称

1. 动画

animate()方法用于创建自定义动画

语法：

$(selector). animate({params},speed,callback);

参数：

params：必填，定义形成动画的css属性

speed:规定效果的时长，可以取值：slow、fast或毫秒

callback:是滑动完成后所执行的函数名称

5、停止动画

stop()方法适用于所有jQuery效果函数，包括滑动、淡入淡出和自定义动画

语法：

$(selector). stop(stopAll，goToEnd);

stopAll：规定是否应该清除动画队列，默认是false，即仅停止活动的动画，允许任何排入队列的动画向后执行

goToEnd:规定是否立即执行完成当前动画，默认是false

 

 

以上就是我的分享，请多多指教。