퀵메뉴 잘아시는분 봐주세여~~^^ 정보
퀵메뉴 잘아시는분 봐주세여~~^^본문
왕초보에요 직원이 저뿐이라 홈페이지 제작이 많이 힘드네요...헉헉
여러퀵메뉴 소스를 찾아서 그것들중에서 유일하게 되는건데요 퀵메뉴위치가 오른쪽에 고정되있어영
이걸 회색빠옆에 고정시키는법은 없을까요?
퀵메뉴소스
<script type="text/javascript">
var stmnLEFT = 10; // 오른쪽 여백
var stmnGAP1 = 0; // 위쪽 여백
var stmnGAP2 = 150; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 150; // 스크롤 시작위치
var stmnActivateSpeed = 35; //스크롤을 인식하는 딜레이 (숫자가 클수록 느리게 인식)
var stmnScrollSpeed = 20; //스크롤 속도 (클수록 느림)
var stmnTimer;
function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint;
stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if (stmnStartPoint != stmnEndPoint) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
}
function InitializeStaticMenu() {
document.getElementById('STATICMENU').style.right = stmnLEFT + 'px'; //처음에 오른쪽에 위치. left로 바꿔도.
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
RefreshStaticMenu();
}
</script>
<style type="text/css">
#STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;}
</style>
----------------------
<div id="box">
...
......
<div id="STATICMENU" style="z-index:10";>
<img src="퀵메뉴01.jpg" />
</div>
</div>
여러퀵메뉴 소스를 찾아서 그것들중에서 유일하게 되는건데요 퀵메뉴위치가 오른쪽에 고정되있어영
이걸 회색빠옆에 고정시키는법은 없을까요?
퀵메뉴소스
<script type="text/javascript">
var stmnLEFT = 10; // 오른쪽 여백
var stmnGAP1 = 0; // 위쪽 여백
var stmnGAP2 = 150; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 150; // 스크롤 시작위치
var stmnActivateSpeed = 35; //스크롤을 인식하는 딜레이 (숫자가 클수록 느리게 인식)
var stmnScrollSpeed = 20; //스크롤 속도 (클수록 느림)
var stmnTimer;
function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint;
stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if (stmnStartPoint != stmnEndPoint) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
}
function InitializeStaticMenu() {
document.getElementById('STATICMENU').style.right = stmnLEFT + 'px'; //처음에 오른쪽에 위치. left로 바꿔도.
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
RefreshStaticMenu();
}
</script>
<style type="text/css">
#STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;}
</style>
----------------------
<div id="box">
...
......
<div id="STATICMENU" style="z-index:10";>
<img src="퀵메뉴01.jpg" />
</div>
</div>
댓글 전체
전 이런퀵메뉴는 자바스크립트 아예안쓰고 css의 position:fixed로 처리하는 편인데
이렇게해보심은 어떠신지
.quick { position:fixed; margin-top:150px; margin-left:85%; z-index:6000; width:89px; }
이케하면 자동으로 모니터크기의 85% 만큼 왼쪽여백이생겨요..
이미 아시는건데 자바스크립트로 하고싶어서 하신걸지도 모르지만..
혹시몰라서 남겨여..
이렇게해보심은 어떠신지
.quick { position:fixed; margin-top:150px; margin-left:85%; z-index:6000; width:89px; }
이케하면 자동으로 모니터크기의 85% 만큼 왼쪽여백이생겨요..
이미 아시는건데 자바스크립트로 하고싶어서 하신걸지도 모르지만..
혹시몰라서 남겨여..