jQuery animations ------- fade, slide animation, show and hide, custom animation

Disclaimer: This article is a blogger original article, follow the CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement.

This link: https://blog.csdn.net/qq_44313091/article/details/102710917

jQuery animated nature: changing the value of the style element within the specified time to achieve

Fade: changing element of transparency (opacity) to achieve

1.fadeIn (): displays animated

2.fadedOut (): Animated was hidden

3.fadeToggle (): animated switching display / hide

Slide Animation: changing the height of the elements to achieve

1.slideDown (): animated expansion

2.slideUp (): shrink animated

3.slideToggle (): animated switching Expand / contract

Show and hide: no animation default, if there is an animation will also change (opacity / height / width)

1.show (): display (not) with animation parameters can be passed

2.hide () :( not) animated hidden, parameters can be passed

3.toggle () :( without) animated switching display / hide, parameters can be passed

Custom Animation

1.animate (): custom effects animation

$('#btn1').click(function (){
	$div1.animate({
		width :200,
		height :200
       },1000)

2.stop (): Stop Animation