<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>淡入淡出效果</title> <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ $("input[name=fadein_btn]").click(function(){ $("img").fadeIn("slow"); }) $("input[name=fadeout_btn]").click(function(){ $("img").fadeOut("slow"); // $("img").fadeOut(1000);1000毫秒 }) }); </script> </head> <body> <img src="images/ad.jpg" style="display:none" /> <input name="fadein_btn" type="button" value="淡入" /> <input name="fadeout_btn" type="button" value="淡出" /> </body> </html>