|
|
|
|
글내용
|
■ 글 내용보기(Tips)
|
|
□ 글번호
|
:
20
□ 조회수 :
1143
|
|
□ 글쓴이
|
:
형남삼
□ 추 천 :
638
|
|
□ 등록일
|
:
2005-05-26 오후 9:39:20
|
|
□ 홈페이지
|
:
http://
|
|
□ 제목
|
:
[re]배너스크롤방법
|
..............................
도움이 될지는 모르지만 레이어의 overflow 속성을 이용해서 스크롤바를 표시하는 방법은 어떨까요?
속성분석은 소스보기를 하시면 확인이 되실것으로 생각이 됩니다.
이곳은 자료를 등록하는 곳이라 질문을 하는 곳이 아닙니다. 그래서 답글이 늦었는데요, 다른 질문이 있으시면 게시판을 이용해 주시기 바랍니다.
좋은 하루 되세요.
==================== 소스시작=================
<div id="scroll_layer" style="position:absolute;left:750px;width:100px;height:500;overflow:scroll"> <!-- 고정시킬 가로의 레이어 위치를 정해준다. 800은 왼쪽에서부터 800px -->
<font color="blue" size="2">고정레이어</font> <!-- 이곳에 레이어에 들어갈 소스들을 적어준다 -->
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p>
<font color="blue" size="2">고정레이어</font></p>
<p> </div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<script language="javascript">
<!--
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var fix_layer = "scroll_layer"; // 고정시킬 레이어의 id 값을 적어준다.(여기서는 위의 scroll_layer )
bannerHeight = eval(document.body.clientHeight - 500) // 고정시킬 세로의 위치를 정해 준다. 300 은 아래에서부터의 거리(px 단위)
var isNS = navigator.appName == "Netscape";
if (isNS4) {
var divMenu = document[fix_layer];
divMenu.top = top.pageYOffset + bannerHeight;
divMenu.visibility = "visible";
moveRightEdge();
} else if (isDOM) {
var divMenu = getRef(fix_layer);
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + bannerHeight;
divMenu.style.visibility = "visible";
moveRightEdge();
}
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function moveRightEdge() {
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
if (isNS4) {
yMenuFrom = divMenu.top;
yMenuTo = windows.pageYOffset + bannerHeight; // 위쪽 위치
} else if (isDOM) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + bannerHeight; // 위쪽 위치
}
timeoutNextCheck = 500; // 사용자의 스크롤이 있은후 움직임 시작 (현재 0.5초 , 1000이면 1초)
if (yMenuFrom != yMenuTo) {
yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
if (yMenuTo < yMenuFrom)
yOffset = -yOffset;
if (isNS4)
divMenu.top += yOffset;
else if (isDOM)
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10; // 제위치로 돌아오는 동안의 속도 조절 (현재 0.01초)
}
setTimeout ("moveRightEdge()", timeoutNextCheck);
}
-->
</script>
=====================소스끝===================
[▶추천하기]
|
|
|
|
◀
[답글 쓰기]
[수정]
[삭제]
[새글 쓰기]
[목록]
[관리자 로그인]
▶
|
|
|
|
|
|
|
|
|
|
|
|
|
