jQuery练习--隐藏和显示效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>click.html</title>
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript">
			$( function() {
				$("#hide").click( function() {
					//$("#content").hide();	
					$("#content").hide(1000); //规定隐藏的速度
				});
		
				$("#show").click( function() {
					//$("#content").show();
					$("#content").show(1000, test);
				});
			});

			/*
				$(selector).hide(speed,callback);
				$(selector).show(speed,callback);
				可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
				可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
			 */
			function test() {
				alert("hello,world");
			}
		</script>

	</head>

	<body>
		<p id="content">
			如果点击隐藏按钮,会消失。再次点击显示按钮,会显示。
		</p>

		<button id="hide">隐藏</button>
		<button id="show">显示</button>

	</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值