2020年10月20日星期二

jquery动画滑入滑出

<!DOCTYPE html><html> <head>  <meta charset="utf-8" />  <meta name="viewport" content="width=device-width, initial-scale=1">  <title></title>  <script src="jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>  <script type="text/javascript">   // 入口函数   $(document).ready(function() {    var jqDown = $("#down");    var jqUp = $("#up");    var jqToggle = $("#toggle");    var jqDiv = $("div");    jqDown.click(function() {     jqDiv.slideDown();    })    jqUp.click(function() {     jqDiv.slideUp();    })    jqToggle.click(function() {     jqDiv.slideToggle(2000);    })   });  </script>  <style type="text/css">   div {    height: 100px;    width: 100px;    background-color: aqua;    margin: 10px;   }  </style> </head> <body>  <input type="button" name="" id="down" value="滑入" />  <input type="button" name="" id="up" value="滑出" />  <input type="button" name="" id="toggle" value="切换" />  <div id="">  </div> </body></html>
image

原文转载:http://www.shaoqun.com/a/481354.html

002315焦点科技:https://www.ikjzd.com/w/1831

雨果网:https://www.ikjzd.com/w/1307

二类电商:https://www.ikjzd.com/w/1457


<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metaname="viewport"content="width=device-width,initial-scale=1"><title></title>
深兰科技:https://www.ikjzd.com/w/1517
贝贝特卖:https://www.ikjzd.com/w/1321
台山市凤凰峡漂流价格?台山端芬镇凤凰峡漂流门票多少钱?:http://tour.shaoqun.com/a/58379.html
亚马逊日本已提交反垄断改革方案,将返还供应商费用:https://www.ikjzd.com/home/129248
旺季临近,海运费大幅上涨?:https://www.ikjzd.com/home/23331