묻고답하기
스크립트관련 질문 다시 올립니다;
2012.01.25 12:04
아래글에 글이 깨져서 소스 수정해서 다시 올립니다;
스크롤 따라다니는 배너(일명 퀵메뉴라고 하죠?)를 만드려고
기존에 사용하던 common.js파일에
(xe폴더에 있던 것이 아니라 홈페이지 전반 링크스크립트를 위해 사용하던 파일입니다. 전 페이지에 링크걸려있어요)
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
action = window.setInterval('heartBeat()',1);
function heartBeat() {
diffY = document.body.scrollTop;
diffX = 0;
if (diffY != lastScrollY) {
percent = .2 * (diffY - lastScrollY);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.layer_right.style.pixelTop += percent;
lastScrollY = lastScrollY + percent;
}
if (diffX != lastScrollX) {
percent = .2 * (diffX - lastScrollX);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.layer_right.style.pixelLeft += percent;
lastScrollY = lastScrollY + percent;
}
를 입력하고 각 페이지 body사이에
(div id="layer_right" style='width:90px; height:380px; position:absolute; z-index:1; top: 89px; left:expression(document.body.clientWidth/2+490);')
(table border="0" cellspacing="0" cellpadding="0")
(tr)
(td width="90" height="134")(a href="http://www.kcomia.or.kr/xe/23866#0")(img src="http://www.kcomia.or.kr/img/rightbanner_001.png" border="0")(/a)(/td)
(/tr)
(tr)
(td width="90" height="6")(/td)
(/tr)
(tr)
(td width="90" height="117")(a href="http://www.kcomia.or.kr/sub_05_01_001.php")(img src="http://www.kcomia.or.kr/img/rightbanner_002.png" border="0")(/a)(/td)
(/tr)
(tr)
(td width="90" height="6")(/td)
(/tr)
(tr)
(td width="90" height="117")(a href="http://cafe.naver.com/kcomia2010" target="_blank")(img src="http://www.kcomia.or.kr/img/rightbanner_003.png" border="0")(/a)(/td)
(/tr)
(/table)
(/div)
를 입력했습니다. 그런데 문제는 일반 php로 만든 페이지에서는 스크립트가 잘 구현이 되는데
xe를 사용한 페이지(index와 각 게시판 페이지)에서는 배너가 꼼짝도 않고 고정이 되어있어서요
아무리 봐도 뭐가 잘못된건지를 알아야 고치거나 할텐데 일반 php페이지에서는 잘 되니 너무 답답합니다ㅠㅠ
common.js에 있는 기존의 스크립트는 잘 구현이 되는데 왜 이것만 안되는지 모르겠어요..
---------------------------------------------------------------------------------------------------------------------------------
게시판 페이지 소스가 있으면 더 알기 편할까해서 추가해봅니다.
상단내용부분입니다. 이 곳이 잘못된걸까요ㅠㅠ?
(html)
(head)
(title) 대한마리나산업진흥회 (/title)
(script language="javascript" src="http://www.kcomia.or.kr/js/common.js")(/script)
(/head)
(!--백그라운드 수정--)
(body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://www.kcomia.or.kr/img/top_bg.png")
(table width="100%" height="100%" valign="top" align="center" cellpadding="0" cellspacing="0" border="0")
(tr)
(td)
(table width="100%" height="100%" valign="top" align="center" cellpadding="0" cellspacing="0" border="0")
(tr)
(td height="90" )(font color="#01567f").(/font)(/td)
(/tr)
(tr)
(td)(font color="white").(/font)(/td)
(/tr)
(/table)
(/td)
(td width="965" background="http://www.kcomia.or.kr/img/index_bg.png")
(table width="965" height="355" valign="top" align="center" cellpadding="0" cellspacing="0" border="0")
(tr)
(td height="355" valign="top")(embed src="http://www.kcomia.or.kr/sub.swf" quality="high" width="965" height="355" bgcolor="#FFFFFF" name="player" align="middle" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer")(/embed)(br)(br)(/td)
(/tr)
(tr)
(td)
(!--contents--)
(table width="965" height="355" valign="top" align="center" cellpadding="0" cellspacing="0" border="0")
(tr)
(td width="20")(/td)
(td width="216" valign="top")(!--2차목록가져오기--)
(table width="216" cellpadding="0" cellspacing="0" border="0" valign="top" align="left")
(tr)
(td height="40")
(img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_01.png")
(/td)
(/tr)
(tr)
(td height="25")
(a href="http://www.kcomia.or.kr/sub_05_01_001.php")
(img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_02.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_02_02.png'" onmouseout="this.src='+
'http://www.kcomia.or.kr/img/sub/sub_nv_05_02.png'" border="0")
(/a)
(/td)
(/tr)
(tr)
(td height="25")
(a href="http://www.kcomia.or.kr/xe/notice")
(img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_03.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_03_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_03.png'" border="0")
(/a)
(/td)
(/tr)
(tr)
(td height="25")
(a href="http://www.kcomia.or.kr/xe/column")
(img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_05.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_05_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_05.png'" border="0")
(/a)
(/td)
(/tr)
(tr)
(td height="25")
(a href="http://www.kcomia.or.kr/xe/gallery")
(img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_04.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_04_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_04.png'" border="0")
(/a)
(/td)
(/tr)
(tr)
(td height="25")
(a href="http://www.kcomia.or.kr/xe/free")
(img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_06.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_06_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_06.png'" border="0")
(/a)
(/td)
(/tr)
(tr)
(td height="25")
(a href="http://www.kcomia.or.kr/xe/qna")
(img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_07.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_07_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_07.png'" border="0")
(/a)
(/td)
(/tr)
(/table)
(/td)
(td width="33")(/td)
(td width="636")
(table width="636" height="100%" valign="top" align="center" cellpadding="0" cellspacing="0" border="0")
(tr)
(td height="53" background="http://www.kcomia.or.kr/img/sub/sub_tt_05_09.png")(/td)
(/tr)
(tr)
(td height="23")(/td)
(/tr)
(tr)
(td height="17" background="http://www.kcomia.or.kr/img/sub/sub_tt_05_10.png")(/td)
(/tr)
(tr)
(td height="100%" valign="top")(br)(br)
(!--스크롤 우측배너--)
(div id="layer_right" style='width:90px; height:380px; position:absolute; z-index:1; top: 89px; left:expression(document.body.clientWidth/2+490);')
(table border="0" cellspacing="0" cellpadding="0")
(tr)
(td width="90" height="134")(a href="http://www.kcomia.or.kr/xe/23866#0")(img src="http://www.kcomia.or.kr/img/rightbanner_001.png" border="0")(/a)(/td)
(/tr)
(tr)
(td width="90" height="6")(/td)
(/tr)
(tr)
(td width="90" height="117")(a href="http://www.kcomia.or.kr/sub_05_01_001.php")(img src="http://www.kcomia.or.kr/img/rightbanner_002.png" border="0")(/a)(/td)
(/tr)
(tr)
(td width="90" height="6")(/td)
(/tr)
(tr)
(td width="90" height="117")(a href="http://cafe.naver.com/kcomia2010" target="_blank")(img src="http://www.kcomia.or.kr/img/rightbanner_003.png" border="0")(/a)(/td)
(/tr)
(/table)
(/div)
저도 이거저거 해봤는데 묘하게 스크롤 기능만 죽어버리네요...
스크롤이 되는 소스는 또 레이어 거리잡기가 어렵구요...
http://www.blueb.co.kr/blueb/javascript.php?mid=15 해결책을 만나시기 바랍니다. :)