<!DOCTYPE html>
<html>
<meta charset="UTF-8"/>
<head>
<title>jQuery动画---显示隐藏</title>
<style>
div {
border : 2px dotted red;
display: none;
}
</style>
</head>
<body>
<div>
<pre>
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法:
</pre>
</div>
<button id="show">显示</button>
<button id="hide">隐藏</button>
<button id="toggle">显示/隐藏</button>
<script src="jquery.min.js"></script>
<script>
$('#show').click(function() {
$('div').show(2000);
})
$('#hide').click(function() {
$('div').hide('slow');
})
$('#toggle').click(function() {
$('div').toggle('slow');
})
</script>
</body>
</html>
jQuery动画---显示隐藏(单击显示后文字出现 单击隐藏文字消失 两按钮组合相替换)
最新推荐文章于 2022-03-15 09:46:51 发布