jquery上下切换滑动

来源:互联网 发布:手机唱歌美声软件 编辑:程序博客网 时间:2024/05/16 12:19

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="jquery-1.8.0.min.js"></script><style type="text/css">.data{background:red;width:200px;height:400px;}</style> <script type="text/javascript">$(function(){$('.dis').click(function(){$('.data').slideUp(200);})$('.hid').click(function(){$('.data').slideDown(200);})$('.toggle').click(function(){$('.data').slideToggle(200);})}) </script></head><body><button class="dis">上滑动</button><button class="hid">下滑动</button><button class="toggle">切换</button><div class="data"></div></body></html>


0 0
原创粉丝点击