jquery 之隐藏展开slide用法

HTML Code

 

                 

id="slideMe">

   This content will appear and disappear when the div is slid in and out.

type="button"id="btnSlideUp"value="SlideUp">

type="button"id="btnSlideDown"value="SlideDown">

type="button"id="btnSlideToggle"value="SlideToggle">

                  

               



JavaScript Code

 

                 

$('#btnSlideUp').click(function(){

   $('#slideMe').slideUp('slow');

});

$('#btnSlideDown').click(function(){

   $('#slideMe').slideUp();

});

$('#btnSlideToggle').click(function(){

   $('#slideMe').slideToggle('fast');

});

 

展示效果:

5 透明隐藏的用法fade

HTML Code

 

                 

id="fadeMe">

   This content will appear and disappear when the div is faded in and out.

type="button"id="btnFadeOut"value="FadeOut">

type="button"id="btnFadeIn"value="FadeIn">

                  

               



JavaScript Code

 

                 

$('#btnFadeIn').click(function(){

   $('#fadeMe').fadeIn('slow');

});

$('#btnFadeOut').click(function(){

   $('#fadeMe').fadeOut();

});



你可能感兴趣的:(Jquery)