묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스크롤 따라다니는 소스에 대해서 질문있습니다..
2003.07.21 20:03
이 자료는 자바강좌에 "윤미"님이 강좌로 올려놓은 내용을
질문으로 삼고자 여기 다시 올리는 것입니다..질문을 위한 것이니..이해해주세요..
이 소스를 테이블 안에서 사용하려면 어떻게 해야 하는지 궁금합니다..
테이블 안에서 사용하면 테이블 우측 라인이 날라가 버리네요....==;;;
(풋더 소스입니다..)
</td>
<td width="150" height="529" valign="top">
<div id=divMenu style="position:absolute; left:851; top:150">
<!-- 여기에서 배너의 위치와 크기를 설정 하세요-->
<table width="145" height="200" 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 + 127;
}
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>
</td>
</tr>
<tr>
<td width="994" height="84" colspan="3" align="center">
<p><span style="font-size:10pt;"><font face="굴림">광고제휴
I 사업제휴 I 운영자메일 I 사이트등록</font></span></p>
</td>
</tr>
</table>
</body>
</html>
질문으로 삼고자 여기 다시 올리는 것입니다..질문을 위한 것이니..이해해주세요..
이 소스를 테이블 안에서 사용하려면 어떻게 해야 하는지 궁금합니다..
테이블 안에서 사용하면 테이블 우측 라인이 날라가 버리네요....==;;;
(풋더 소스입니다..)
</td>
<td width="150" height="529" valign="top">
<div id=divMenu style="position:absolute; left:851; top:150">
<!-- 여기에서 배너의 위치와 크기를 설정 하세요-->
<table width="145" height="200" 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 + 127;
}
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>
</td>
</tr>
<tr>
<td width="994" height="84" colspan="3" align="center">
<p><span style="font-size:10pt;"><font face="굴림">광고제휴
I 사업제휴 I 운영자메일 I 사이트등록</font></span></p>
</td>
</tr>
</table>
</body>
</html>
댓글 3
-
서경훈
2003.07.21 22:00
부탁입니다..갈켜 주세요.. --;; -
비보이
2003.07.21 22:12
이게 뭐에요?? 스크롤 따라 움직이는 테이블인가요 +_+?
만약 그렇다면..script는 <head>와 </head>사이에 넣어주고
div로 묶어준 테이블은 지정장소에 넣어주면 되는거 아닌지 모르겟내요;; ( 저 초보 ><;) -
스티치
2003.07.22 09:40
레이어로 된 것이죠.. 레이어는 전체 페이지의 아무곳에나 넣어줘도 관계가 없습니다.
베너의 위치와 크기를 설정하라고 적힌 부분에 위치할 곳을 적어주면 되구요.
되도록이면 전체 페이지 소스의 마지막쯤에 넣으라고 권장하고 싶어요, 그래야 나중에 수정할때도 편리합니다.