웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
원하는 위치에서 스크롤바를 부드럽게 따라다님
2002.08.20 15:18
예제: http://yoonmi.net/study/study61.htm
------------- 관련 알기
○ left:600; top:50: 위치 조절해주세요. 왼쪽에서 얼마큼 떨어졌다 위에서 얼마큼 떨어졌다는 의미합니다.
○ table width="150" height="400" border="1" bgColor=gold: 테이블 크기를 조정해주세요, 원하는 걸루요^-------^* 많이 꾸며두 주시고..
------------------------------------------
<body> 와 </body> 사이에 입력 하세요.
-------------------------------------------
<div id=divMenu style="position:absolute; left:600; top:50">
<!-- 여기에서 배너의 위치와 크기를 설정 하세요-->
<table width="150" height="400" border="1" bgColor=gold>
<tr>
<td>******* 여기다가 원하는 글이나 그림을 넣으세요 *************</td>
</tr>
</table>
</div>
<script language=javascript>
<!--
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) {
yMenuFrom = document["divMenu"].top;
yMenuTo = top.pageYOffset + 62;
}
else if ( bExplorer4plus ) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = document.body.scrollTop + 59;
}
timeoutNextCheck = 500;
if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if ( yMenuTo < yMenuFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divMenu"].top += yOffset;
else if ( bExplorer4plus )
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad()
{
var y;
if ( top.frames.length )
if ( bNetscape4plus ) {
document["divMenu"].top = top.pageYOffset + 135;
document["divMenu"].visibility = "visible";
}
else if ( bExplorer4plus ) {
divMenu.style.top = document.body.scrollTop + 135;
divMenu.style.visibility = "visible";
}
CheckUIElements();
return true;
}
OnLoad();
//-->
</script>
출처는 http://yazava.com 입니다.
------------- 관련 알기
○ left:600; top:50: 위치 조절해주세요. 왼쪽에서 얼마큼 떨어졌다 위에서 얼마큼 떨어졌다는 의미합니다.
○ table width="150" height="400" border="1" bgColor=gold: 테이블 크기를 조정해주세요, 원하는 걸루요^-------^* 많이 꾸며두 주시고..
------------------------------------------
<body> 와 </body> 사이에 입력 하세요.
-------------------------------------------
<div id=divMenu style="position:absolute; left:600; top:50">
<!-- 여기에서 배너의 위치와 크기를 설정 하세요-->
<table width="150" height="400" border="1" bgColor=gold>
<tr>
<td>******* 여기다가 원하는 글이나 그림을 넣으세요 *************</td>
</tr>
</table>
</div>
<script language=javascript>
<!--
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) {
yMenuFrom = document["divMenu"].top;
yMenuTo = top.pageYOffset + 62;
}
else if ( bExplorer4plus ) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = document.body.scrollTop + 59;
}
timeoutNextCheck = 500;
if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if ( yMenuTo < yMenuFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divMenu"].top += yOffset;
else if ( bExplorer4plus )
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad()
{
var y;
if ( top.frames.length )
if ( bNetscape4plus ) {
document["divMenu"].top = top.pageYOffset + 135;
document["divMenu"].visibility = "visible";
}
else if ( bExplorer4plus ) {
divMenu.style.top = document.body.scrollTop + 135;
divMenu.style.visibility = "visible";
}
CheckUIElements();
return true;
}
OnLoad();
//-->
</script>
출처는 http://yazava.com 입니다.
댓글 10
제목 | 글쓴이 | 날짜 |
---|---|---|
도깨비불을 아시나요 [5] | 세벌사랑 | 2002.07.30 |
^^ 공포의 숫자맞추기 ^^ [17] | BULGOM | 2002.07.30 |
[Siren]타이틀 글씨가 움직인다! (상태바아님) [4] | 세이렌 | 2002.07.31 |
아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트
[9]
![]() | 민이 | 2002.08.01 |
링크에 포커스 없애기 II [6] | steelheart | 2002.08.02 |
iFrame 문서크기에 맞게.. 초간단.. [10] | 정명주 | 2002.08.02 |
ZipShin이 사용하는 한링크에 두프레임 움직이기..^^ [14] | ZipShin | 2002.08.03 |
허접 자바 스크립트 -1- [6] | 홍윤식 | 2002.07.27 |
허접 자바 스크립트 강의 - 2 - [13] | 홍윤식 | 2002.07.29 |
허접 자바스크립트 강의 - 3 - [6] | 홍윤식 | 2002.07.31 |
개판 오분전 칼라팔레트
[5]
![]() | 미친개 | 2002.08.08 |
허접 자바스크립트강의 - 4 - [8] | 홍윤식 | 2002.08.10 |
요일마다 지정된 태그 나타나게 하기
[1]
![]() | Eccen | 2002.08.13 |
랜덤으로 배경음악 지정하기. [5] | ZipShin | 2002.08.13 |
랜덤으로 바뀌는 배경이미지 [11] | ZipShin | 2002.08.13 |
[로그인] 자바스크립트로 여러개 로그인하기 [10] | ZipShin | 2002.08.13 |
개판 오분전 브레인 써바이벌 [19] | 미친개 | 2002.08.14 |
★랜덤으로 음악 재생하기★ [23] | 뽀유♡ | 2002.08.16 |
NZEO의 좌측 이동메뉴를 구현해 보자. (이동 On/Off 기능 포함) [43] | steelheart | 2002.08.20 |
원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] | ▩윤미 | 2002.08.20 |