隐藏显示
hide方法
$elem.hide()
.hide( options )hide()//就会匹配元素的宽度,高度,以及不透明度,同时进行动画操作
.hide("fast / slow")//代表200和600毫秒的延时动画
<script type="text/javascript">
$("button:last").click(function() {
$("#a2").hide({
duration: 3000,
complete: function() {
alert('执行3000ms动画完毕')
}
})
});
</script>
<script type="text/javascript">
$("button:first").click(function() {
$("#a1").hide()
});
</script>
show方法
<script type="text/javascript">
$("button").click(function() {
$("#a1").hide(3000).show(3000)
});
</script>
显示与隐藏切换toggle方法
<script type="text/javascript">
$("button:first").click(function() {
$(".left").toggle(3000)
});
</script>
上卷下拉
下拉动画slideDown
<script type="text/javascript">
$("button:first").click(function() {
$("#a1").slideDown(3000)
});
</script>
上卷动画slideUp
$("elem").slideUp();
slideUp([duration],[easing],[complete])
<script type="text/javascript">
$("button:first").click(function() {
$("#a1").slideUp(3000)
});
$("button:last").click(function() {