jquery implements a simple example of the other animation effects of Div _jquery

1.toggle

Toggles the hiding and displaying of objects, which can be used instead of show and hide

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

2.fadeIn fadeout

FadeIn fade in (would have been hidden), Fadeout fade (originally displayed)

Fadeout

When you fade out, the space will be hidden and the module below will move up.

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
 
 

FadeIn

 <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  
 

3.fadeTo

Switch to a specified transparency: 0 indicates total transparency, and 1 is opaque.

 <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  
 

4.slideUp and Slidedown

Slideup: Slide Hidden Object up

Slidedown: Slide down the Display object (indicating that it was hidden)

Slideup

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
 
 

Slidedown

 <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  
 

5.slideToggle

Sliding implementation of object hiding and display switching

 <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  
 

More than this jquery implementation div Other animation effect of a simple example is a small series to share all the content, hope to give you a reference, but also hope that we support the cloud-dwelling community.