1.
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 7 <title>jQuery插件之PanView放大图片</title> 8 <style type="text/css"> 9 10 </style> 11 <script src="jquery-1.5.2.js" type="text/javascript"></script> 12 <script src="jquery-plugin-panview.js" type="text/javascript"></script> 13 <script type="text/javascript"> 14 $(document).ready(function(){ 15 $("img#imagePan").panView(1200,300); 16 }); 17 </script> 18 <body> 19 <img src="./1.jpg" id="imagePan" style="display:none;"/> 20 </body> 21 </html>