JQuery动画效果

浏览数：16 / 时间：2015年06月09日

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css"> 
#img1{ 
	width: 500px; 
	height: 400px; 
	border: solid 1px #ccc; 
} 
</style> 
<script src="./jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function () { 
	$(‘#Button1‘).click(function () { 
		$(‘#img1‘).show(2000); 
	}); 
	$(‘#Button2‘).click(function () { 
		$(‘#img1‘).hide(2000); 
	}) 
}) 
</script> 
</head> 
<body> 
<img id="img1" src="./Chrysanthemum.jpg" /> 
<input id="Button1" type="button" value="展开图片" /> 
<input id="Button2" type="button" value="收缩图片" /> 
</body> 
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JQuery动画效果