这个方法能达到效果,但是可能不太美观,是最简单的一种方法:
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src='jquery-1.8.0.js'></script>
</head>
<body>
<img id="img1" src="11.jpg" style="width:100px;height:150px" alt="" />
</body>
<script type="text/javascript">
$(function(){
$("#img1").click(function(){
var width = $(this).width();
if(width==100)
{
$(this).width(200);
$(this).height(300);
}
else
{
$(this).width(100);
$(this).height(150);
}
});
});
</script>
</html>
把相应的宽度和高度设置为自己的图片大小