<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用jQuery设计简单的显隐效果</title>
<script type="text/javascript" src="jquery-2.1.0.js">
</script>
<script>
$(document).ready(
function()
{
//当使用了hide之后再使用show,display值是系统默认值。
//当一开始就设置了none时,使用show是清空这个声明。
$("p").hide(2500).show();
$("div").hide().show(2000);
$("span").eq(0).hide();
$("span")[1].style.display="none";
$("span").show();//显示所有
}
);
</script>
</head>
<body>
<p>p元素</p>
<div>div元素</div>
<span>span元素1</span>
<span>span元素2</span>
<span style="display:none;">span元素3</span>
</body>
</html>
52、实例 使用jQuery设计简单的显隐效果
最新推荐文章于 2023-01-08 21:05:42 发布