묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
제로보드 왼쪽에있는 스크롤 메뉴를..........
2002.10.01 16:49
제로보드 왼쪽에있는 스크롤 메뉴를 제홈에 맞게 수정해서 붙였는데요...
홈페이지를 1024*768 을하지 않으면 홈페이지메뉴가 위치가 고정되지않고 움직이는데.. 어떻게 하면 고정하면서 제로보드에있는 메뉴판처럼 할수있을까요?
홈페이지 주소..:: http://www.musickorea.ez.ro
제가사용한... 자바스크립...
<script language="javascript">
<!--
var stmnLEFT = 130; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 150; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 10; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 200; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 200; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 10; // 스크롤되는 속도 (클수록 늦게 움직임)
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
else {
stmnRefreshTimer = stmnActivateSpeed;
}
setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function InitializeStaticMenu()
{
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
STATICMENU.style.left = stmnLEFT;
}
-->
</script>
<!-- 스크롤메뉴를 위한 구성입니다. -->
<!-- 메뉴가 들어갈 부분... 본인의 홈페이지에 맞게 적당히 편집하세요. -->
<table cellpadding="5" cellspacing="0" border="1" style="background:#cccccc; width:200px;">
<tr>
<td style="font-weight:bold; text-align:center;">NZEO</td>
</tr>
<tr>
<td>자유게시판</td>
</tr>
</table>
<!-- 메뉴부분 끝 -->
<!-- 스크롤 메뉴 정의 끝 -->
<!-- 스크롤메뉴를 가동하는 자바스크립트 -->
<script language="javascript">InitializeStaticMenu();</script>
<!-- 스크롤 테스트를 위해 여백을 확보하기 위한 부분... 별 의미는 없음... 실제로 적용시에는 지워 버리세요. -->
꼭 알려주시면 감사하겠습니다^^
홈페이지를 1024*768 을하지 않으면 홈페이지메뉴가 위치가 고정되지않고 움직이는데.. 어떻게 하면 고정하면서 제로보드에있는 메뉴판처럼 할수있을까요?
홈페이지 주소..:: http://www.musickorea.ez.ro
제가사용한... 자바스크립...
<script language="javascript">
<!--
var stmnLEFT = 130; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 150; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 10; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 200; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 200; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 10; // 스크롤되는 속도 (클수록 늦게 움직임)
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
else {
stmnRefreshTimer = stmnActivateSpeed;
}
setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function InitializeStaticMenu()
{
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
STATICMENU.style.left = stmnLEFT;
}
-->
</script>
<!-- 스크롤메뉴를 위한 구성입니다. -->
<!-- 메뉴가 들어갈 부분... 본인의 홈페이지에 맞게 적당히 편집하세요. -->
<table cellpadding="5" cellspacing="0" border="1" style="background:#cccccc; width:200px;">
<tr>
<td style="font-weight:bold; text-align:center;">NZEO</td>
</tr>
<tr>
<td>자유게시판</td>
</tr>
</table>
<!-- 메뉴부분 끝 -->
<!-- 스크롤 메뉴 정의 끝 -->
<!-- 스크롤메뉴를 가동하는 자바스크립트 -->
<script language="javascript">InitializeStaticMenu();</script>
<!-- 스크롤 테스트를 위해 여백을 확보하기 위한 부분... 별 의미는 없음... 실제로 적용시에는 지워 버리세요. -->
꼭 알려주시면 감사하겠습니다^^
댓글 3
-
생각하자
2002.10.01 18:03
-
생각하자
2002.10.01 18:04
나머지 소스라는게 현재 님이 그 화면에 만드신 소스를 말하는게 아니라
다시 노프레임 용으로 짠 소스를 말하는겁니다....
왼쪽 메뉴같은 경우엔 인쿨르드를 써야겠죠.... -
생각하자
2002.10.03 11:50
...죄송합니다만...전 허접입니다..
소스를 건들줄은 모르고 들은것만 많은...
방법은 알겠는데 소스를 짤줄은 모르겠군요...
노프레임 홈피를 만드는법을 검색해서 찾아보세요..죄송합니다..
참고로 쪽지보기는 로그인후
~~~~ 님 환영합니다에서 ~~~~를 누르세요...
(메뉴소스가 문제가 아니라 테이블이 문제인듯 싶네요....)
방법이라면...테이블 처음 하나 크게 1000*?(아래로는 설정 필요 없겠죠...?)
정도로 하나 만드셔서여...그 안에 나머지 소스들을 다 집어 넣으면
될듯 싶네요....
다만 이러면...님의 홈피는 프레임인듯 한데 이를 노 프레임으로 바꿔야 하는 번거로움이....
(아이 프레임을 쓰면 어떻게 될듯하기도 한데 아이프레임은 잘 모르겠네요...)