회원 호스팅
- 회원 호스팅 메뉴얼
- 게시판(MayBBS)
- 진보달력(Jcalendar)
- 꾜문툴(WEBBS)
- FAQ(자주묻는질문)
- 작성자
- 에띠
- 제목
- 원하는 위치에 레이어 고정시키기
- 작성일
- 2002.11.17 14:51:49
- 조회수
- 6,566
- 추천
- 0
- 문서 주소
- http://hosting.jinbo.net/webbs/view.php?board=manual&id=44
간단하게 사용하실 수 있을 겁니다..
'<'script language="JavaScript"'>'
<!--
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
action = window.setInterval("heartBeat()",1);
function heartBeat() {
// combowidth=layer_right_bottom.offsetWidth
// comboheight=layer_right_bottom.offsetHeight
diffY = document.body.scrollTop;
diffX = 0;
if (diffY != lastScrollY) {
percent = .2 * (diffY - lastScrollY);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.layer_right.style.pixelTop += percent;
// document.all.layer_right_bottom.style.pixelTop = document.body.scrollTop+document.body.clientHeight-comboheight+percent-50;
lastScrollY = lastScrollY + percent;
}
if (diffX != lastScrollX) {
percent = .2 * (diffX - lastScrollX);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.layer_right.style.pixelLeft += percent;
// document.all.layer_right_bottom.style.pixelLeft += percent;
lastScrollY = lastScrollY + percent;
}
}
//-->
'<'/script'>'
<div id="layer_right" style="width:165px; height:347px; position:absolute; left:781px; top:100px; z-index:10; visibility:visible;">
<table border='0' cellpadding='0' cellspacing='1' width='165'>
<tr>
<td align='right' height='50'>
<p><a href='클릭시 이동할 주소' onfocus='this.blur()'><img src="원하는 그림" border='1'></a></p>
</td>
</tr>
</table>
</div>
이것도 잘만 응용하면 유용하게 사용하실 수 있을 겁니다...