jQuery 淡入淡出

2014-07-10

　　运用hide()、show()函数控制显示与隐藏，用speed控制显示隐藏的时间，实现淡入淡出效果。熟练运用，可以制作动画效果哦！

　　实例

　　jQuery hide()演示一个简单的 jQuery hide() 方法。

　　jQuery hide()另一个 hide() 演示。如何隐藏部分文本。

　　jQuery hide() 和 show()

　　通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

　　$("#hide").click(function(){
　　$("p").hide();
　　});
　　$("#show").click(function(){
　　$("p").show();
　　});

　　语法：

　　$(selector).hide(speed,callback);
　　$(selector).show(speed,callback);

　　可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

　　可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

　　下面的例子演示了带有 speed 参数的 hide() 方法：

　　实例

　　$("button").click(function(){
　　$("p").hide(1000);
　　});

带有 speed 参数的 hide()

　　jQuery toggle()

　　通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

　　显示被隐藏的元素，并隐藏已显示的元素：

toggle() 方法来切换

　　实例

　　$("button").click(function(){
　　$("p").toggle();
　　});

　　语法：

　　$(selector).toggle(speed,callback);

　　可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

　　可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

本文关键词：