七、JQuery-4、DIV的动画、显示及隐藏

1、animate动画









执行结果

2、slideUp、slideDown向上向下滑动

向上滑动









正在显示...

向下滑动









正在显示...

3、slideToggle滑动实现对象的显示和隐藏









......

4、fadeIn、fadeOut淡入和淡出

fadeTo切换到一个指定的透明度:0是彻底透明、1是不透明
淡出









......

淡入









......

5、使用show和hide进行显示和隐藏









正在显示...
执行结果

执行结果

执行结果

6、使用toggle事件隐藏和显示









正在显示...
执行结果

执行结果

你可能感兴趣的:(七、JQuery-4、DIV的动画、显示及隐藏)