오른쪽 스크롤배너를 두개쓰고싶은데요... 정보
오른쪽 스크롤배너를 두개쓰고싶은데요...
본문
<!--오른쪽 퀵배너 시작-->
<div id=DivMovingLayer style='position:absolute;left:0px;top:0px; z-index:8;display:none;'>
<table border=0 cellpadding=3 cellspacing=0>
<tr><td align='center' height=50><iframe name='scroll' src="<?=$mw_group_skin_head_path?>/img/mw_logo.gif" width='188' height='49' border='0' scrolling='no' frameborder='0' vspace='0' hspace=0 marginheight='0' marginwidth='0' allowtransparency='true'></iframe></td></tr>
<tr><td valign=top height=2><?=showBanner('ad_serve_right',1,1);?></td></tr>
</table>
</div>
<script language='javascript'>
//움직이는 레이어
//사용함수
function ResetRemocon(){
var DivMovingLayerYFrom, DivMovingLayerYTo, OffsetY, ResetTime;
ResetTime = 100;
if (DivMovingLayerRule == 'center'){
//해상도 기준, 가운데 에서 x만큼 떨어진 곳에 위치
if (navigator.userAgent.toLowerCase().indexOf("gecko") > -1) {
if (document.body.clientWidth < ContentsWidth + 10) {
DivMovingLayer.style.left = parseInt (ContentsWidth / 2, 10) + DivMovingLayerX + 10 + "px";
}
else {
DivMovingLayer.style.left = (DivMovingLayerX + (document.body.clientWidth / 2)) + "px";
}
}
else{
if (document.body.clientWidth < ContentsWidth) {
DivMovingLayer.style.left = parseInt (ContentsWidth / 2, 10) + DivMovingLayerX + "px";
}
else {
DivMovingLayer.style.left = (DivMovingLayerX + (document.body.clientWidth / 2)) + "px";
}
}
}
else if (DivMovingLayerRule == 'left'){
//해상도와 무관, 왼쪽 에서 x만큼 떨어진 곳에 위치
DivMovingLayer.style.left = (DivMovingLayerX) + "px";
}
DivMovingLayerYFrom = parseInt (DivMovingLayer.style.top, 10);
DivMovingLayerYTo = DivMovingLayerY + document.body.scrollTop + 1;
if ( DivMovingLayerYFrom != DivMovingLayerYTo ) {
OffsetY = Math.ceil( Math.abs( DivMovingLayerYTo - DivMovingLayerYFrom ) / 20 );
if ( DivMovingLayerYTo < DivMovingLayerYFrom )
OffsetY = -OffsetY;
DivMovingLayer.style.top = (DivMovingLayerYFrom + OffsetY) + "px";
ResetTime = 10;
}
setTimeout ("ResetRemocon()", ResetTime);
}
function SetRemocon() {
DivMovingLayer.style.display = "block";
DivMovingLayer.style.top = (DivMovingLayerY + document.body.scrollTop + 1) + "px";
ResetRemocon();
return true;
}
function NoneRemocon() {
DivMovingLayer.style.display = "none";
}
if (typeof document.body == "undefined")
document.body = document.getElementsByTagName("BODY")[0];
var DivMovingLayer = document.getElementById("DivMovingLayer");
//환경설정
var ContentsWidth = 1000;//움직이는 레이어를 제외한 콘텐츠 너비, 가운데 정렬에만 해당, 전체 테이블중 제일큰 너비
var DivMovingLayerX = 510;//레이어가 위치할 레프트 값
var DivMovingLayerY = 135;//레어가 위치할 탑 값
var DivMovingLayerRule = 'center';//center -->가운데 정렬을 기준으로 x만큼, left --> 레프트 정렬을 기준으로 x만큼
//레이어 보이기
SetRemocon();
</script>
<!--오른쪽 퀵배너 끝-->
위와같은 코드구요...첨부이미지에 화살표로 표시한 배너처럼 따라다니는데요...
이걸 같은 페이지에서 각각 위치가 다르게 배너를 삽입하고싶어서요...2개를 넣는거죠...
어떻게 수정해야하나요? 자세히설명 부탁드려요...
댓글 전체
<div id=DivMovingLayer style='position:absolute;left:0px;top:0px; z-index:8;display:none;'>
<table border=0 cellpadding=3 cellspacing=0>
<tr><td align='center' height=50><iframe name='scroll' src="<?=$mw_group_skin_head_path?>/img/mw_logo.gif" width='188' height='49' border='0' scrolling='no' frameborder='0' vspace='0' hspace=0 marginheight='0' marginwidth='0' allowtransparency='true'></iframe></td></tr>
<tr><td valign=top height=2><?=showBanner('ad_serve_right',1,1);?></td></tr>
<tr><td align='center' height=50><iframe name='scroll' src="<?=$mw_group_skin_head_path?>/img/mw_logo.gif" width='188' height='49' border='0' scrolling='no' frameborder='0' vspace='0' hspace=0 marginheight='0' marginwidth='0' allowtransparency='true'></iframe></td></tr>
<tr><td valign=top height=2><?=showBanner('ad_serve_right',1,1);?></td></tr>
</table>
</div>
위처럼 Table 내용을 수정해 사용하시면 됩니다. 물론 배너를 불러오는 showBanner 함수 내용도 수정하셔야되요
전 별개로
//환경설정
var ContentsWidth = 1000;//움직이는 레이어를 제외한 콘텐츠 너비, 가운데 정렬에만 해당, 전체 테이블중 제일큰 너비
var DivMovingLayerX = 510;//레이어가 위치할 레프트 값
var DivMovingLayerY = 135;//레어가 위치할 탑 값
var DivMovingLayerRule = 'center';//center -->가운데 정렬을 기준으로 x만큼, left --> 레프트 정렬을 기준으로 x만큼
이 값을 별개로 각각 주고싶어서 질문드린거예요...
소스 전체를 한번 더 복사하시고,
퀵메뉴 DivMovingLayer 값을 변경하신후
script안의 DivMovingLayer 값도 모두 변경해주시면 원하시는대로 작동할꺼에요.
물론 함수안에 DivMovingLayer 값이 고정이니 함수명도 바꿔주시고 호출도 다시해주시구요.
변수명도 겹치지 않게 새롭게 변경하세요.
불가능은 없습니다. 끈질기게 고치고 테스트하세요.
변수가 뭐뭐인지 잘 모르겠어요...DivMovingLayer 이것만 변수인가요? ContentsWidth 이것도 ContentsWidth_01, ContentsWidth_02 이렇게 만들어야 서로 영향을 안미칠까요?