简洁版滑动下拉菜单代码
简洁版滑动下拉菜单代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery.min.js"></script> <style> div { display: none; width: 200px; height: 400px; background-color: pink; } </style> </head> <body> <button>下拉滑动</button> <button>上拉滑动</button> <button>切换滑动</button> <div></div> </body> <script type="text/javascript"> $(function(){ $("button").eq(0).click(function(){ $("div").slideDown(); }); $("button").eq(1).click(function(){ $("div").slideUp(); }); $("button").eq(2).click(function(){ $("div").slideToggle(); }); }) </script> </html>
上一篇:行内块小案例 简单页面导航代码