이야기
스크롤 따라 다니는 메뉴
마우스 따라 레이어 고정 

<!-- script menu --> 
                <!-- 속도와 left,right,top,bottom 의 위치값을 조정할수 있습니다.... 
         근데요.. 몇번 테스트하셔야.. 할겁니다......          --> 

<script language=javascript> 
<!-- //배너 따라다니기> 

var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false); 
var isNS4 = (document.layers ? true : false); 

function getRef(id) 
{ 
        if (isDOM) return document.getElementById(id); 
        if (isIE4) return document.all[id]; 
        if (isNS4) return document.layers[id]; 
} 

var isNS = navigator.appName == "Netscape"; 

function moveRightEdge() 
{ 
        var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck; 
        if (isNS4) 
        { 
                yMenuFrom   = divMenu.top; 
                yMenuTo     = windows.pageYOffset + 0;   // 위쪽 위치 
        } 
        else if (isDOM) 
        { 
                yMenuFrom   = parseInt (divMenu.style.top, 0); 
                yMenuTo     = (isNS ? window.pageYOffset : document.body.scrollTop) + 273; // 위쪽 위치 
        } 

        timeoutNextCheck = 500; 

        if (yMenuFrom != yMenuTo) 
        { 
                yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20); 
                if (yMenuTo < yMenuFrom) 
                        yOffset = -yOffset; 
                if (isNS4) 
                        divMenu.top += yOffset; 
                else if (isDOM) 
                        divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset; 
                        timeoutNextCheck = 10; 
        } 
        setTimeout ("moveRightEdge()", timeoutNextCheck); 
} 
--> 
</script> 



<!------------------ 움직이는 테이블 layer ------------------------------------- --> 
<div id="divMenu" style="position:absolute; left:806px; top:265px; width:109px; height:249px; z-index:1"> 
  <table width="109" height="249" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
      <td valign="top"><table width="109" border="0" cellspacing="0" cellpadding="0"> 
          <tr> 
            <td><a href="http://jpmkorea.com/bbs/zboard.php?id=local1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','jpmmain/bannerover_01.gif',1)"><img src="jpmmain/banner_01.gif" name="Image14" width="109" height="42" border="0"></a></td> 
          </tr> 
          <tr> 
            <td><a href="http://jpmkorea.com/bbs/zboard.php?id=local2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','jpmmain/bannerover_02.gif',1)"><img src="jpmmain/banner_02.gif" name="Image15" width="109" height="42" border="0"></a></td> 
          </tr> 
          <tr> 
            <td><a href="http://jpmkorea.com/bbs/zboard.php?id=local3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','jpmmain/bannerover_03.gif',1)"><img src="jpmmain/banner_03.gif" name="Image16" width="109" height="42" border="0"></a></td> 
          </tr> 
          <tr> 
            <td><a href="http://jpmkorea.com/bbs/zboard.php?id=local4" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','jpmmain/bannerover_04.gif',1)"><img src="jpmmain/banner_04.gif" name="Image17" width="109" height="41" border="0"></a></td> 
          </tr> 
          <tr> 
            <td><a href="http://jpmkorea.com/bbs/zboard.php?id=local5" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','jpmmain/bannerover_05.gif',1)"><img src="jpmmain/banner_05.gif" name="Image18" width="109" height="41" border="0"></a></td> 
          </tr> 
          <tr> 
            <td><a href="http://jpmkorea.com/bbs/zboard.php?id=local6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','jpmmain/bannerover_06.gif',1)"><img src="jpmmain/banner_06.gif" name="Image19" width="109" height="41" border="0"></a></td> 
          </tr> 
        </table></td> 
    </tr> 
  </table> 
</div> 
<!------------------ 움직이는 테이블 layer end.. ------------------------------------- --> 

<script language=javascript> 
<!-- //배너 따라다니기> 
if (isNS4) 
{ 
        var divMenu = document["divMenu"]; 
        divMenu.top = top.pageYOffset + 100; 
        divMenu.visibility = "visible"; 
        moveRightEdge(); 

} 
else if (isDOM) 
{ 
        var divMenu = getRef('divMenu'); 
        divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 100; 
        divMenu.style.visibility = "visible"; 
        moveRightEdge(); 
} 
//--> 
</script>
목록

이 게시물을

에디터 선택

※ 주의 : 페이지가 새로고침됩니다
닫기

이 댓글을 삭제하시겠습니까?

제목
날짜
프리오는 무료광고,무료홍보,이벤트홍보,무료배너광고,무료광고게시판 자유롭게 이용가능한 무료광고 사이트입니다
2023.05.22
플래시 파일 배경 투명
2012.06.11
스크롤 따라 다니는 메뉴
2012.06.11
밑줄 없애기 소스
2012.06.11
각종 링크모음(뒤로,앞으로,새로고침,창닫기,위로)
2012.06.11
가로스크롤바가 필요없는 경우
2012.06.11
소리 동영상 embed 태그의 요소
2012.06.11
풀스크린 윈도우(전체문서 자동으로 띄우기)
2012.06.11
풀스크린 윈도우(도구막대만 보이게)
2012.06.11
새창으로 뜨는문서 다시 열리지않는 폼넣기
2012.06.11
[포토샾]쓰지않는 레이어 삭제기능
2012.06.11
[포토샾]레이어 그룹짓기
2012.06.11
이미지 테두리값 한꺼번에 없에기
2012.06.11
태그를 텍스트로 나타내기
2012.06.11
자동으로 페이지 이동
2012.06.11
상태표시줄에 주소 안보이게하기
2012.06.11
주소창에 홈주소만을 보이게 고정시키는 방법
2012.06.11
창닫는 소스와 최대화 최소화를 하는 소스
2012.06.11
플래시로 새창열기 , 풀스크린만들기, 풀스크린된것 줄이기, 닫기
2012.06.11
타이틀바에 타이핑 효과
2012.06.11
플래쉬에서 만들어 놓은 심볼을 포토샵으로 가져올때 가장 깨끗이 가져오기
2012.06.11
프리오는 무료광고,무료홍보,이벤트홍보,무료배너광고,무료광고게시판 자유롭게 이용가능한 무료광고 사이트입니다
플래시 파일 배경 투명
2012.06.11
스크롤 따라 다니는 메뉴
2012.06.11
밑줄 없애기 소스
2012.06.11
각종 링크모음(뒤로,앞으로,새로고침,창닫기,위로)
2012.06.11
가로스크롤바가 필요없는 경우
2012.06.11
소리 동영상 embed 태그의 요소
2012.06.11
풀스크린 윈도우(전체문서 자동으로 띄우기)
2012.06.11
풀스크린 윈도우(도구막대만 보이게)
2012.06.11
새창으로 뜨는문서 다시 열리지않는 폼넣기
2012.06.11
[포토샾]쓰지않는 레이어 삭제기능
2012.06.11
[포토샾]레이어 그룹짓기
2012.06.11
이미지 테두리값 한꺼번에 없에기
2012.06.11
태그를 텍스트로 나타내기
2012.06.11
자동으로 페이지 이동
2012.06.11
상태표시줄에 주소 안보이게하기
2012.06.11
주소창에 홈주소만을 보이게 고정시키는 방법
2012.06.11
창닫는 소스와 최대화 최소화를 하는 소스
2012.06.11
플래시로 새창열기 , 풀스크린만들기, 풀스크린된것 줄이기, 닫기
2012.06.11
타이틀바에 타이핑 효과
2012.06.11
플래쉬에서 만들어 놓은 심볼을 포토샵으로 가져올때 가장 깨끗이 가져오기
2012.06.11
쓰기

LOGIN

로그인

회원가입

SEARCH

MENU NAVIGATION