点击图片放大特效代码，再点击恢复原状【多种方法】

图片的实际大小为1920x1080，我们先把宽度限制在300px，点击后图片还原到100%（图片虽然宽度还原到100%，但是所显示的大小取决于父框架的宽度），如果想要图片全屏放大（根据浏览器的高度自动调整）
 

使用方法：首先老规矩，引入jquery库，点击【这里】下载。
如果下载链接失效  百度搜索 jquery-1.8.2.min.js  下载
所需代码（jquery、css、html）如下：

(HTML  CSS  JS 代码都在下面)

<script>
  function f_test(){
    $('#img').toggleClass('min');
    $('#img').toggleClass('max');
  };
</script>
<style>
  .max{width:100%;height:auto;}
  .min{width:300px;height:auto;}
</style>
<img id="img" class="min" src="dedecmsok.jpg">