JQuery中的動畫（ppt）
阿新 • • 發佈：2018-04-12
clas fun jquer utf 3.1 set htm charset col
<!DOCTYPE html> <html> <head> <title>test1.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-3.3.1.js"></script> <script type="text/javascript"> $(function(){ $("#aa").click(function(){ //顯示 //show() //$("#pic").show(3000); //fadeIn()//$("#pic").fadeIn(); //slideDown() //$("#pic").slideDown(); }); $("#bb").click(function(){ //隱藏 //hide //$("#pic").hide(3000); //fadeOut() //$("#pic").fadeOut(); //slideUp //$("#pic").slideUp(); }); $("#cc").click(function(){ $("#pic").toggle(); }); }); </script> </head> <body> <button id="aa">show</button> <button id="bb">hide</button> <button id="cc">toggle</button><br> <img src="../images/6.jpg" name="picture" id="pic" style="display:none"> </body> </html>
JQuery中的動畫（ppt）