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