网页里面固定区域拖动大图片

<style type="text/css">
/*Default CSS for pan containers*/
.pancontainer{
position:relative; /*keep this intact*/
overflow:hidden; /*keep this intact*/
width:300px;
height:300px;
border:1px solid black;

}

img{border:0px; margin:0px; padding:0px;}
</style>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/imagepanner.js"></script>

<div style="width:950px;height:580px;" class="pancontainer" data-orient="left">
<img src="images/liucheng.jpg" />
</div>

 

转载于:https://www.cnblogs.com/shangguan/archive/2013/06/14/3135242.html