代码学习:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> #dv{ width:200px; height:200px; background-color: aquamarine; } </style> <script type="text/javascript"> $(function(){ //点击按钮隐藏div $("#btnHide").click(function(){ $("#dv").hide();//隐藏方法 //hide 方法中可以写参数:参数类型:1:数字类型,2:字符串类型 //1:数字类型:1000 表示的是毫秒 等于1秒 //2:字符串类型:"slow" "normal" "fast" /* $("#dv").hide(1000); $("#dv").hide("norma l");*/ }); $("#btnShow").click(function(){ $("#dv").show();//显示 /* //show 方法中可以写参数:参数类型:1,数字类型,2,字符串类型 1数字类型:1000 表示的毫秒 1秒, 2字符串类型:"slow" "normal" "fast", $("#dv").show(1000); $("#dv").show("fast"); */ }); }) </script> </head> <body> <h1>常见的动画方法</h1> <hr > <input type="button" name="" id="btnHide" value="隐藏" /> <input type="button" name="" id="btnShow" value="显示" /> <div id="dv"> </div> </body> </html>
Nearth===>WEB前端--第23课/JQuery/常见的动画方法(hide(),show())
最新推荐文章于 2021-06-07 17:47:15 发布