묻고답하기
2차 메뉴가 마우스따라 내려가는 기능?
2009.07.08 14:21
현재 저는 왼쪽2차 메뉴가 마우스 내려감에 의해 따라 내려가는 기능을 실현하려구 합니다.참고 도메인 http://diesel.vc/ 이 사이트의 왼쪽2차 메뉴 기능을 말합니다.
현재 이 사이트는 제로보드 4.0으로 되여 있습니다.
저가 사용하는 버전은 1.2.2입니다.
JS코드는
var submenu = document.getElementById('submenu');
submenu.style.top = document.body.scrollTop + 100;
submenu.style.visibility = "visible";
moveRightEdge();
function moveRightEdge()
{
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
yMenuFrom = parseInt(submenu.style.top, 10);
if(document.body.scrollTop < 0) //滚动条垂直滚动一下的距离是320。如:document.body.scrollTop < 320 运行后效果为向下滚动一下时div块不移动,滚动第二下时div块才移动
{
yMenuTo = 0;
}
else
{
yMenuTo = document.body.scrollTop-10 ; //调节滚动后菜单的位置
}
timeoutNextCheck = 500;
if (yMenuFrom != yMenuTo)
{
yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
if (yMenuTo < yMenuFrom)
{
yOffset = -yOffset;
}
submenu.style.top = parseInt (submenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ('moveRightEdge()', timeoutNextCheck);
}
입니다.
그리구JS파일을 저장하여 해당 패이지에서 <script language="Javascript" src="모모파일/모모.js"></script>이렇게 불러 오구요
하지만 이 기능은 저의 컴퓨터에서는 잘 돌아 가는데 제로보드에서는 돌아가지가 않습니다.JS를 layouts/xe_official/js파일에 저장하였습니다.
계속 submenu 가 null라 합니다.js를 불러 오는 코드를 레이아웃 HTML편집의 제일 아레에 놓아도 여전합니다.
정말로 답답합니다.
어느 고수께서 가르쳐 주세요
감사합니다.