jQuery 中上下滑动效果的使用方法

1、使用一款开发工具。这里我推荐使用editplus。很实用一款开发工具软件

2、新建一个html文件，引入jquery类库文件，没有的自己到jquery的官方下载。我就不上传附件了。引入的时候不要出错了啊

3、加一个div标签，用来显示效果，加一个input标签，来实现单击事竭惮蚕斗件的效果函数<div style="width: 300px; height:300px; background-color: pink; display:none;"></div> <button onclick="f1()">滑动 </button>

4、在<script language="javascript" type="text/javascript"><!--//--> </script>写入js代码：function f1(){ $("div").slideDown('slow'); }

5、运行html文件来查看效果，点击前的效果和点击后的效果

6、改函数还可以传递两个参数$(selector).slideDown(speed,callback);speend:速度毫秒callback:回调函数例如：function f1(){ $("div").slideDown(1000,function(){alert("s");}); }