fadeout
英 ['feɪd'aʊt] 美 ['feɪd'aʊt]
n.渐隐,渐没
jquery fadeOut()方法 语法
作用:fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。
语法:$(selector).fadeOut(speed,callback)
参数:
参数 | 描述 |
speed | 可选。规定元素从可见到隐藏的速度。默认为 "normal"。可能的值:毫秒 (比如 1500)"slow""normal""fast"在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其透明度(这样会创造淡出效果)。 |
callback | 可选。fadeOut 函数执行完之后,要执行的函数。如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。除非设置了 speed 参数,否则不能设置该参数。 |
注释:如果元素已经隐藏,则该效果不产生任何变化,除非规定了 callback 函数。
jquery fadeOut()方法 示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").fadeOut() }); $(".btn2").click(function(){ $("p").fadeIn(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>
点击 "运行实例" 按钮查看在线实例