--------Floating.js

//new Floating(적용할개체 , X축여백 , Y축여백 , 미끄러지는속도:작을수록빠름..기본20 , 빠르기:작을수록부드러움..기본10);

function Floating(FloatingObj,MarginX,MarginY,Percentage,setTime) {
this.FloatingObj = FloatingObj;
this.MarginX = (MarginX) ? MarginX : 0;
this.MarginY = (MarginY) ? MarginY : 0;
this.Percentage = (Percentage) ? Percentage : 20;
this.setTime = (setTime) ? setTime : 10;
this.FloatingObj.style.position = "absolute";
this.Body = null;
this.setTimeOut = null;
this.Run();
}

Floating.prototype.Run = function () {
if ((document.documentElement.scrollLeft + document.documentElement.scrollTop) > (document.body.scrollLeft + document.body.scrollTop)) {
this.Body = document.documentElement;
} else {
this.Body = document.body;
}

var This = this;
var FloatingObjLeft = (this.FloatingObj.style.left) ? parseInt(this.FloatingObj.style.left,10) : this.FloatingObj.offsetLeft;
var FloatingObjTop = (this.FloatingObj.style.top) ? parseInt(this.FloatingObj.style.top,10) : this.FloatingObj.offsetTop;
var DocLeft = this.Body.scrollLeft + this.MarginX;
var DocTop = this.Body.scrollTop + this.MarginY;

var MoveX = Math.abs(FloatingObjLeft - DocLeft);
MoveX = Math.ceil(MoveX / this.Percentage);
var MoveY = Math.abs(FloatingObjTop - DocTop);
MoveY = Math.ceil(MoveY / this.Percentage);

if (FloatingObjLeft < DocLeft) {
this.FloatingObj.style.left = FloatingObjLeft + MoveX + "px";
} else {
this.FloatingObj.style.left = FloatingObjLeft - MoveX + "px";
}

if (FloatingObjTop < DocTop) {
this.FloatingObj.style.top = FloatingObjTop + MoveY + "px";
} else {
this.FloatingObj.style.top = FloatingObjTop - MoveY + "px";
}

window.clearTimeout(this.setTimeOut);
this.setTimeOut = window.setTimeout(function () { This.Run(); },this.setTime);
}

---------------------------

<script language="javascript" src="Floating.js"></script>

<div id="floater1" style="top:100px;left:50%;position:absolute; border:1px solid #FF0000;">
banner1
</div>
<div id="floater2" style="top:100px;left:50%;position:absolute; border:1px solid #FF0000;">
banner2
</div>

<script>
//사용법 new Floating(적용할개체 , X축여백 , Y축여백 , 미끄러지는속도:작을수록빠름..기본20 , 빠르기:작을수록부드러움..기본10);
new Floating(document.getElementById("floater1"),290,200,5,10);
new Floating(document.getElementById("floater2"),1310,200,5,10);
</script>

====================================

위 소스는 여기 php스쿨에서 공개된 웹표준에 맞게끔 따라다니는 퀵메뉴 소스입니다.
그런데 중앙 정렬시 해상도가 틀리면 그위치에 제대로 가질 않네요.
중앙 정렬시 제위치에 가는방법을 알고싶습니다.
고수님들 부탁드립니다.^^

--------Floating.js



//new Floating(적용할개체 , X축여백 , Y축여백 , 미끄러지는속도:작을수록빠름..기본20 , 빠르기:작을수록부드러움..기본10);



function Floating(FloatingObj,MarginX,MarginY,Percentage,setTime) {

	this.FloatingObj = FloatingObj;

	this.MarginX = (MarginX) ? MarginX : 0;

	this.MarginY = (MarginY) ? MarginY : 0;

	this.Percentage = (Percentage) ? Percentage : 20;

	this.setTime = (setTime) ? setTime : 10;

	this.FloatingObj.style.position = "absolute";

	this.Body = null;

	this.setTimeOut = null;

	this.Run();

}



Floating.prototype.Run = function () {

	if ((document.documentElement.scrollLeft + document.documentElement.scrollTop) > (document.body.scrollLeft + document.body.scrollTop)) {

		this.Body = document.documentElement;

	} else {

		this.Body = document.body;

	}



	var This = this;

	var FloatingObjLeft = (this.FloatingObj.style.left) ? parseInt(this.FloatingObj.style.left,10) : this.FloatingObj.offsetLeft;

	var FloatingObjTop = (this.FloatingObj.style.top) ? parseInt(this.FloatingObj.style.top,10) : this.FloatingObj.offsetTop;

	var DocLeft = this.Body.scrollLeft + this.MarginX;

	var DocTop = this.Body.scrollTop + this.MarginY;



	var MoveX = Math.abs(FloatingObjLeft - DocLeft);

	MoveX = Math.ceil(MoveX / this.Percentage);

	var MoveY = Math.abs(FloatingObjTop - DocTop);

	MoveY = Math.ceil(MoveY / this.Percentage);



	if (FloatingObjLeft < DocLeft) {

		this.FloatingObj.style.left = FloatingObjLeft + MoveX + "px";

	} else {

		this.FloatingObj.style.left = FloatingObjLeft - MoveX + "px";

	}



	if (FloatingObjTop < DocTop) {

		this.FloatingObj.style.top = FloatingObjTop + MoveY + "px";

	} else {

		this.FloatingObj.style.top = FloatingObjTop - MoveY + "px";

	}



	window.clearTimeout(this.setTimeOut);

	this.setTimeOut = window.setTimeout(function () { This.Run(); },this.setTime);

}



---------------------------



<script language="javascript" src="Floating.js"></script> 



<div id="floater1" style="top:100px;left:50%;position:absolute; border:1px solid #FF0000;"> 

banner1

</div> 

<div id="floater2" style="top:100px;left:50%;position:absolute; border:1px solid #FF0000;"> 

banner2

</div> 



<script> 

//사용법 new Floating(적용할개체 , X축여백 , Y축여백 , 미끄러지는속도:작을수록빠름..기본20 , 빠르기:작을수록부드러움..기본10); 

new Floating(document.getElementById("floater1"),290,200,5,10); 

new Floating(document.getElementById("floater2"),1310,200,5,10); 

</script> 



====================================



위 소스는 여기 php스쿨에서 공개된 웹표준에 맞게끔 따라다니는 퀵메뉴 소스입니다.

그런데 중앙 정렬시 해상도가 틀리면 그위치에 제대로 가질 않네요.

중앙 정렬시 제위치에 가는방법을 알고싶습니다.

고수님들 부탁드립니다.^^