<!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）
原文地址：https://www.cnblogs.com/sunxiaoyan/p/8805227.html