<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery.1.12.4.js"></script> <script type="text/javascript"> /**$(document).ready(function(){ * $("button:eq(0)").click(function(){ * $("img").fadeOut("fast",function(){alert("执行完毕");}); * }); * *$("button:eq(1)").click(function () { * $("img").fadeIn(1000); *});//两种方式都可以,第一种有提示框,导入包和图片,请别忘记 *});**/ $(document).ready(function () { $("#a").click(function () { $("img").fadeOut(1000); }) $("#b").click(function () { $("img").fadeIn(1000); }) }) </script> </head> <body> <button id="a">淡出</button> <br/> <button id="b">淡入</button> <br/> <img src="tu.png"> </body> </html>
jpuery操作图片的淡入淡出效果
最新推荐文章于 2020-01-15 20:22:43 发布