JQuery实现DIV其他动画效果的简单实例

1.toggle

切换对象的隐藏和显示,可以用来代替show和hide





无标题文档






1

2.fadeIn fadeOut

fadeIn 淡入(本来是隐藏的),fadeOut 淡出(本来是显示的)

fadeOut

淡出的时候 这一块的空间就会被隐藏 而下方的模块会往上移动





无标题文档






fadeIn





无标题文档






3.fadeTo

切换到一个指定的透明度:0表示彻底透明,1表示不透明。





无标题文档






4.slideUp和slideDown

slideUp:向上滑动隐藏对象

slideDown:向下滑动显示对象(说明本来是隐藏的)

slideUp





无标题文档






slideDown





无标题文档






5.slideToggle

滑动实现对象的隐藏与显示切换





无标题文档






以上这篇JQuery实现DIV其他动画效果的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

你可能感兴趣的:(JQuery实现DIV其他动画效果的简单实例)