使用transform實現圖片放大以及改變位置
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img src="img/aaa.jpg" style="transform: scale(2) translate(0, 0);">
</body>
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
</html>
其中scale函數控制圖片的放大倍數
translate函數來控制圖片的位置
配合JS可以實現圖片的點擊預覽功能