双刃英雄无敌版,running man e93,鸳美网
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <script src="jquery-3.3.1.min.js"></script> <style> #flipshow, #content, #fliphide, #toggle{ padding: 5px; text-align: center; background-color: blueviolet; border: solid 1px; red; } #content{ padding: 50px; display: none; } </style> </head> <body> <div id="flipshow">显示</div> <div id="fliphide">隐藏</div> <div id="toggle">toggle</div> <div id="content">hello world</div> </body> <script> $("#flipshow").click(function(){ $("#content").slidedown(1000); }) $("#fliphide").click(function(){ $("#content").slideup(1000); }) $("#toggle").click(function(){ $("#content").slidetoggle(1000); }) </script> </html>
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论