jquery滑入滑出

来源:互联网 发布:笛子模拟软件免费版 编辑:程序博客网 时间:2024/06/12 01:02

我们做这样一个实例:

有两个按钮,点击滑入,有一个div层滑入,点击滑出,div层滑出:

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style>.div{width: 300px;height: 300px;background-color: green;display: none;}</style><script type="text/javascript" src="js/jquery.js" ></script><script>$(function(){$("#btn").click(function(){$(".div").slideDown();});$("#btna").click(function(){$(".div").slideUp();});});</script></head><body>     <input type="button" id="btn" value="点击滑入"/>     <input type="button" id="btna" value="点击滑出"/>     <div class="div">     我是一个div块哦!!!!!     </div></body></html>


1 0
原创粉丝点击