<script type="text/javascript">
$(function(){
//hide,show,fastIn,slideUp,slideDown,fastOut都有两个参数,一个是speed,还有callback
$("#btn1").click(function(){
$("#div1").hide(3000);//speed速度,没有speed则没有速度。没有参数
});
$("#btn2").click(function(){
$("#div1").show(3000);//speed速度,没有speed则没有速度
});
$("#btn2").click(function(){
$("#div1").fadeIn(3000);//speed速度,没有speed则没有速度
});
$("#btn3").click(function(){
$("#div1").toggle(300);//切换hide(),show()
});
$("p").click(function(){
$("p").slideUp("fast",function(){//有两个参数,一个speed速度,一个动画执行后的函数执行
alert("111");
});
$("p").slideUp(3000);
});
$("#btn1").click(function(){
$("#btn1").slideDown(3000);
});
});
</script>
上面为用到的简单的jquery代码
<input type="button" value="按钮1" id="btn1" /><input type="button" value="按钮2" id="btn2" /><input type="button" value="按钮3" id="btn3" />
<div id="div1">fdsadddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddfd奇强魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦无可奈何花落去成本核算</div>
<p>魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦魂牵梦萦</p>