号称最简便，最独立，可移植性相当高的任意2点div移动的高效js库，提供分享,该怎么处理
日期：2014-05-16 浏览次数：20335 次
号称最简便，最独立，可移植性相当高的任意2点div移动的高效js库，提供分享
- HTML code
<html>
<body>
<div id="mydiv" style="width:100px;height:50px;border:1px solid red;position:absolute;"></div>
<script>
function MoveDiv()
{
this.move=function(dom,json){
if(((json.y2-json.y1)/(json.x2-json.x1)>0)&&(json.y2-json.y1)>0&&(json.x2-json.x1)>0)
{
this.freemoveRightDown(dom,json);
}
if(((json.y2-json.y1)/(json.x2-json.x1)<0)&&(json.y2-json.y1)<0&&(json.x2-json.x1)>0)
{
this.freemoveRightTop(dom,json);
}
if(((json.y2-json.y1)/(json.x2-json.x1)>0)&&(json.y2-json.y1)<0&&(json.x2-json.x1)<0)
{
this.freemoveLeftTop(dom,json);
}
if(((json.y2-json.y1)/(json.x2-json.x1)<0)&&(json.y2-json.y1)>0&&(json.x2-json.x1)<0)
{
this.freemoveleftDown(dom,json);
}
if(json.y2-json.y1==0&&json.x2-json.x1>0)
{
this.freemoveHright(dom,json);
}
if(json.y2-json.y1==0&&json.x2-json.x1<0)
{
this.freemoveHleft(dom,json);
}
if(json.y2-json.y1>0&&json.x2-json.x1==0)
{
this.freemoveVleft(dom,json);
}
if(json.y2-json.y1<0&&json.x2-json.x1==0)
{
this.freemoveVright(dom,json);
}
}
}
MoveDiv.prototype={
freemoveVright:function(dom,json){
this._dom=dom;
this._o=json;
this._oleft=this._o.x1;
this._otop=this._o.y1;
this.speed=1;
var _this=this;
var int=setInterval(
function(){
_this._oleft=parseFloat(_this._oleft);
_this._dom.style.left = _this._oleft+"px";
_this._otop=parseFloat(_this._otop)-(_this.speed);
_this._dom.style.top = _this._otop+"px";
if(_this._otop<_this._o.y2)
{
int=window.clearInterval(int);
}
},5);
},
freemoveVleft:function(dom,json){
this._dom=dom;
this._o=json;
this._oleft=this._o.x1;
this._otop=this._o.y1;
this.speed=1;
var _this=this;
var int=setInterval(
function(){
_this._oleft=parseFloat(_this._oleft);
_this._dom.style.left = _this._oleft+"px";
_this._otop=parseFloat(_this._otop)+(_this.speed);
_this._dom.style.top = _this._otop+"px";
if(_this._otop>_this._o.y2)
{
int=window.clearInterval(int);
}
},5);
},
freemoveHleft:function(dom,json){
this._dom=dom;
this._o=json;
this._oleft=this._o.x1;
this._otop=this._o.y1;
this.speed=1;
var _this=this;
var int=setI
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
