jquery中显示与隐藏元素代码

 

一.元素的显示与隐藏

           1.show().hide()方法

                   $("#div1").show()； //div 显示

                   $("#div1").hide()； //div 隐藏

 

二.渐入渐出的变幻

              1.show(),hide()方法

                   $("#div1").show(3000)； //div 显示的过程为3000毫秒

                   $("#div1").hide(3000)； //div 隐藏的过程为3000毫秒

                     效果为逐渐缩小直至消失 ，神奇

                2.fadeOut()、fadeIn()方法

                     $("#div1").fadeOut(3000)； //div 隐藏的过程为3000毫秒

                     $("#div1").fadeIn(3000)； //div 显示的过程为3000毫秒

                       效果为逐渐变淡直至消失，很酷

 

三.幻灯片效果

                 1.slideUp()、slideDown()方法

                     $("#div1").slideUp(3000)； //div 隐藏的过程为3000毫秒

                     $("#div1").slideDown(3000)； //div 显示的过程为3000毫秒

                       效果为类似幻灯片拉窗帘，很炫