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

<!-- 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.14
사랑하는 아들아 ... 막이래?
2012.06.14
어린이용 막걸리 등장
2012.06.14
흑인여성이 살색 레깅스 입은거래....지역 경찰까지 출동할뻔 했다고함...ㅋㅋㅋㅋ
2012.06.14
살살해라...다친다
2012.06.14
이청용 코미디언으로 전향?
2012.06.14
사람잡는 피겨스케이팅
2012.06.14
개 다나와
2012.06.14
머리 파마 공장
2012.06.14
웃어야할미 걱정해야 할지?
2012.06.14
총은 쏴 보셨쪄요 ㅠㅠ
2012.06.14
서양의 졸업식인가?
2012.06.14
원더걸스 _디제이이즈마인The DJ Is Mine_WonderGirls_ JYP Entertainment [1]
2012.06.14
티몬 [1]
2012.06.14
토탈이벤트![요람에서 무덤까지~]
2012.06.12
`29만원 할아버지` 알고보니 전두환 향한 초등생의 일침
2012.06.12
인터넷뱅킹 하려고 PC 켰다가 `충격`
2012.06.12
한국말 배운 'iOS6 시리' "닥쳐라" 했더니…
2012.06.12
두 번의 결혼식과 한번의 장례식 시사회 이벤트
2012.06.12
플래시 파일 배경 투명
2012.06.11
프리오는 무료광고,무료홍보,이벤트홍보,무료배너광고,무료광고게시판 자유롭게 이용가능한 무료광고 사이트입니다
효자다!!!
2012.06.14
사랑하는 아들아 ... 막이래?
2012.06.14
어린이용 막걸리 등장
2012.06.14
흑인여성이 살색 레깅스 입은거래....지역 경찰까지 출동할뻔 했다고함...ㅋㅋㅋㅋ
2012.06.14
살살해라...다친다
2012.06.14
이청용 코미디언으로 전향?
2012.06.14
사람잡는 피겨스케이팅
2012.06.14
개 다나와
2012.06.14
머리 파마 공장
2012.06.14
웃어야할미 걱정해야 할지?
2012.06.14
총은 쏴 보셨쪄요 ㅠㅠ
2012.06.14
서양의 졸업식인가?
2012.06.14
원더걸스 _디제이이즈마인The DJ Is Mine_WonderGirls_ JYP Entertainment
2012.06.14
1
댓글
티몬
2012.06.14
1
댓글
토탈이벤트![요람에서 무덤까지~]
2012.06.12
`29만원 할아버지` 알고보니 전두환 향한 초등생의 일침
2012.06.12
인터넷뱅킹 하려고 PC 켰다가 `충격`
2012.06.12
한국말 배운 'iOS6 시리' "닥쳐라" 했더니…
2012.06.12
두 번의 결혼식과 한번의 장례식 시사회 이벤트
2012.06.12
플래시 파일 배경 투명
2012.06.11
쓰기

LOGIN

로그인

회원가입

SEARCH

MENU NAVIGATION