动画效果 显示隐藏
程序员文章站
2022-03-02 19:39:19
...
show()/hide()/toggle()
对角线动画 show(1000,fn)
第一个参数 动画时间
第二个参数 动画完成后的回调函数
注意：如果不指定动画时长，则无动画效果
<body>
<button>显示</button>
<button>隐藏</button>
<button>切换</button>
<div></div>
<script>
$(function() {
$("button").eq(0).click(function() {
$("div").show(1000, function() {
alert(1);
});
})
$("button").eq(1).click(function() {
$("div").hide(1000, function() {
alert(1);
});
})
$("button").eq(2).click(function() {
$("div").toggle(1000);
})
// 一般情况下，我们都不加参数直接显示隐藏就可以了
});
</script>
</body>