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");});

}