FreeBoard |
홈 > Community > FreeBoard |
|
|
|
|
|
|
|
현재 이노님 홈페이지에 쓰고 계시는 좌측 메뉴 (스크롤바를 따라 움직이는 메뉴)에 대해 질문 하고자 합니다.
제가 스크롤바를 따라 움직이는 메뉴를 홈페이지에 삽입하려고 하는데요.
예를 들어 지금 이노님 메뉴 아래에 배너를 하나 넣고 싶은데요.
당연히 스크롤 바를 따라 움직이는 배너이구요. 이것에 전재조건은 메뉴는 고정이라는 겁니다.
하지만 각 페이지 마다 메뉴길이가 틀리자나요 (메뉴의 카테고리 수에 따라 상하 길이)
위치를 지정해 놓는다면 그 위치보다 메뉴가 길어질 시에 메뉴를 배너가 덮어버리더라구요.
어쩌면 좋을까요.. ㅠ_ㅠ
아래는 제가 사용한 소스 입니다.
js 파일을 만들어서 그것을 불러오는 식으로 만들었어요.
아래는 js 파일의 소스 내용 입니다.
//여기부터
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 divHTML='';
divHTML+='<div id=divMenu style="position:absolute; left:180; top:50">';
divHTML+='<table width="150" height="162" border="1" bgColor=gold>';
divHTML+='<tr>';
divHTML+='<td><img src="/img/main_left_bn.jpg"></td>';
divHTML+='</tr>';
divHTML+='</table>';
divHTML+='</div>';
document.body.insertAdjacentHTML("beforeEnd",divHTML);
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;
}
attachEvent("onload",OnLoad);
//여기까지
아래는 js 파일을 불러오는 소스 부분 내용입니다.
<tr>
<td>
<table>
<tr>
<td>
<script type="text/javascript" src="main_bn.js"></script>
</td>
</tr>
</table>
</td>
</tr>
너무 답답합니다. ㅠ_ㅠ
|
|
2007년 06월 22일 (16:08) |
|
|
|
|
|
|
|