豆豆网

怎样实现点击一张图片,然后就全屏放大,再点击,图片会恢复原状?

豆豆网 0 0

   怎样实现点击一张图片,然后就全屏放大,再点击,图片会恢复原状?大家可以试一下以下代码,jquery库自己去网上找一个下载下来使用。

<html>
<head>
<meta charset="utf-8">
<script src="jquery-2.1.1.js" type="text/javascript"></script>
<style>
.max{width:100%;height:auto;}
.min{width:100px;height:auto;}
</style>

<script>
	$(function(){
$('#img').click(function(){

$(this).toggleClass('min');
$(this).toggleClass('max');
});
});
</script>

</head>
<body>
<img id='img' class='min' src='dream.png'>
</body>
</html>


标签: 点击效果