imgC : $(“#imgC”),
blockClass : “block”,
tipsClass : “tips”
});</p>
<p><span>imgC :</span> 表示裁剪图片的容器,也就是右边的图</p>
<p><span>blockClass :</span> block的样式名 也就是页面上的可以拖动的滑块的样式 因为怕和别的页面上的样式重名 默认是block</p>
<p><span>tipsClass :</span> tips的样式名 也就是页面上显示left width height top的那个span的样式名 默认是tips</p>
</div>
<ul>
<li>
<div id=”container”></div>
</li>
<li>
<div id=”imgC”></div>
</li>
</ul>
<script type=”text/javascript” src=”http://common.cnblogs.com/script/jquery.js”></script>
<script type=”text/javascript”>
(function(){
var dBody = document.body,
dDoc = document.documentElement,
ie = $.browser.msie;
ie&&($.browser.version==”6.0″)
&&document.execCommand(“BackgroundImageCache”, false, true);
var clip = function(options){
this.init.call(this,options);
}
clip.prototype = {
options :{
moveCallBack : function(){},
blockClass : “block”,
tipsClass : “tips”
},
init : function(options){
$.extend(this,this.options,options||{});
if(!this.container || !this.imgC){
return;
}
this.container = $(this.container);
var self = this;
this.block = $(‘<div class=”‘+this.blockClass+'”>
<div action=”rightDown” class=”rRightDown”></div>
<div action=”leftDown” class=”rLeftDown”></div>
<div action=”rightUp” class=”rRightUp”></div>
<div action=”leftUp” class=”rLeftUp”></div>
<div action=”right” class=”rRight”></div>
