利用JQuery 到达淡入谈出显示埋没的结果

$(selector).fadeTo()

参数划定削弱到给定的不透明度。最后是透明埋没,不是消失。和fadeIn(), fadeOut()纷歧样

fadeTo()自己是占住位置的。叫占住坑不拉屎的意思

例子:

<!DOCTYPE html> <html> <head> <style>p { margin:10px;padding:5px;border:2px solid #666; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <p><a href="http://enenba.com/1">up</a></p> <p><a href="http://enenba.com/2">Hello2</a></p> <p><a href="http://enenba.com/3">down</a></p> <script> $(".up").click(function(){ $(".p1").fadeTo("slow",0); }); $(".down").click(function(){ $(".p1").fadeTo("slow",1); }); </script> </body> </html>

点击了up的框消失

点击了down的框呈现

都是淡入淡出显示消失

end

附件下载/演示源码:
【 jq_drdc.htm 】 492字节

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/7956.html