好用的图片缩放JS
<!DOCTYPE HTML> <meta charset="UTF-8"> <head> <script src="jquery-1.11.1.min.js"></script> <link rel="stylesheet" href="magnific-popup.css"> <!-- jQuery 1.7.2+ or Zepto.js 1.0+ --> <!-- Magnific Popup core JS file --> <script src="jquery.magnific-popup.min.js"></script> <style> * { margin:0; padding:0; } img { height: 30px; width: 30px; } </style> <script> $(document).ready(function() { //$('.image-link').magnificPopup({type:'image',zoom: { // enabled: true}});//带zoom效果的 $('.image-link').magnificPopup({type:'image'}); }); </script> </head> <body class="sapUiBody"> <a href="http://teacher.anniekids.net//pic/P_PRE/Lesson28/L28P_A.jpg" class="image-link"> <img alt="缩略图" src="http://teacher.anniekids.net//pic/P_PRE/Lesson28/L28P_A.jpg" /> </a> </div> </body>