jQuery插件之PanView放大图片

 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>

posted on 2017-01-18 22:52 Sharpest 阅读(136) 评论(0) 编辑收藏举报