Jquery实现显示隐藏动态效果的例子
本文导语: hide() 隐藏匹配对象 Hello AgainjQuery 当点击连接时,id为a的对象的display变为none。 show() 显示匹配对象 hide(speed) 以一定的速度隐藏匹配对象,其大小(长宽)和透明度都逐渐变化到0,speed有3级("slow", "normal", "fast"),也可以...
hide() 隐藏匹配对象
Hello Again
jQuery 当点击连接时,id为a的对象的display变为none。show() 显示匹配对象
hide(speed) 以一定的速度隐藏匹配对象,其大小(长宽)和透明度都逐渐变化到0,speed有3级("slow", "normal", "fast"),也可以是自定义的速度。
show(speed) 以一定的速度显示匹配对象,其大小(长宽)和透明度都由0逐渐变化到正常
hide(speed, callback) show(speed, callback) 当显示和隐藏变化结束后执行函数callback
toggle()
toggle(speed) 如果当前匹配对象隐藏,则显示他们,如果当前是显示的,就隐藏,toggle(speed),其大小(长宽)和透明度都随之逐渐变化。
jQuery
fadeIn(speeds) fadeOut(speeds) 根据速度调整透明度来显示或隐藏匹配对象,注意有别于hide(speed)和show(speed),fadeIn和fadeOut都只调整透明度,不调整大小
jQuery 点击连接后可以看到图片逐渐显示。
fadeIn(speed, callback) fadeOut(speed, callback)
callback为函数,先通过调整透明度来显示或隐藏匹配对象,当调整结束后执行callback函数
jQuery
点击连接后可以看到图片逐渐显示,显示完全后弹出对话框
fadeTo(speed, opacity, callback) 将匹配对象以speed速度调整倒透明度opacity,然后执行函数callback。Opacity为最终显示的透明度(0-1).
jQuery
如果不用jQuery,编写原始javascript脚本可能很多代码!
slideDown(speeds) 将匹配对象的高度由0以指定速率平滑的变化到正常!
jQuery
slideDown(speeds,callback) 将匹配对象的高度由0变化到正常!变化结束后执行函数callback
slideUp("slow") slideUp(speed, callback) 匹配对象的高度由正常变化到0
slideToggle("slow") 如果匹配对象的高度正常则逐渐变化到0,若为0,则逐渐变化到正常
以上就是有关使用Jquery实现显示与隐藏的方法与示例,希望对大家有所帮助。