1. 程式人生 > >JQuery中的動畫(ppt)

JQuery中的動畫(ppt)

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)