글 수 16
보짱 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=ecu-kr" />
<title>보짱넷::vozzang.net</title>
<script type="text/javascript">
//----------------------------------------------
//Floating v1.1 Source By Bermann
//dobermann75@gmail.com
//----------------------------------------------
//new Floating(적용할개체 , X축여백 , Y축여백 , 미끄러지는속도:작을수록빠름..기본20 , 빠르기:작을수록부드러움..기본10);
function Floating(FloatingObj,MarginX,MarginY,Percentage,setTime) {
this.FloatingObj = FloatingObj;
this.MarginX = (MarginX) ? MarginX : 900;
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>
<style type="text/css">
body {height:800px;}
#quickmenu {position:absolute; top:100px; left:100px; width:90px;}
#quickmenu ul {width:90px; padding:5px 0 0 0;}
#quickmenu ul li {padding:5px 0 5px 0; text-align:center;}
</style>
</head>
<body>
<div id="quickmenu">
<ul>
<li><a href="#">메뉴</a></li>
<li><a href="#">메뉴</a></li>
<li><a href="#">메뉴</a></li>
<li><a href="#">메뉴</a></li>
<li><a href="#">메뉴</a></li>
</ul>
</div>
<script>
//사용법 new Floating(적용할개체 , X축여백 , Y축여백 , 미끄러지는속도:작을수록빠름..기본20 , 빠르기:작을수록부드러움..기본10);
new Floating(document.getElementById("quickmenu"),100,150,30,10);
</script>
</body>
</html>출처는
Floating v1.1 Source By Bermann
dobermann75@gmail.com
입니다.
출처 url을 까먹었군요-_-;
소속 : 밀짚모자 해적단
