왼쪽 상단 귀퉁이에 자리잡고 있는 히든 메뉴, 스크롤 따라 다님 > script

왼쪽 상단 귀퉁이를 보세요..
<DIV CLASS="menbar1" ID="menbar1" STYLE="position:absolute;top:1;visibility:hide;" zIndex="1000">
    <table cellpadding=5 cellspacing=0 border=0 width=150>
    <tr bgcolor=555555 onclick="change(1)" style="cursor:hand">
        <td><font style="font-family:tahoma;font-size:8pt;color:white">↓ Open MenuBar</font></td>
    </tr>
    </table>
</DIV>

<DIV CLASS="menbar2" ID="menbar2" STYLE="position:absolute;top:1;visibility:hide;display:none;" zIndex="1001">
    <table cellpadding=3 cellspacing=1 border=0 width=150 bgcolor=555555>
    <tr bgcolor=555555 onclick="change(2)" style="cursor:hand">
        <td><font style="font-family:tahoma;font-size:8pt;color:white">↑ Close MenuBar</font></td>
    </tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 1</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 2</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 3</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 4</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 5</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 6</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 7</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 8</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 9</a></td></tr>
    <tr bgcolor=white><td><img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href=#>Your Links 10</a></td></tr>
    </table>
</DIV>

<script language="Javascript1.2">
<!--
var JX = 0;
var JY = 0;
var wm;

if (document.layers){
wm = document.menbar1;
}

if (document.all) {
wm = document.all.menbar1;
}

function change(wow) {

  if (document.layers){
    if (wow == 1) {
      wm.visibility = "hide";
      wm = document.menbar2;
    }
    if (wow == 2) {
      wm.visibility = "hide";
      wm = document.menbar1;
    }
  }

  if (document.all){
    if (wow == 1) {
      wm.style.display = "none";
      wm = document.all.menbar2;
    }
    if (wow == 2) {
      wm.style.display = "none";
      wm = document.all.menbar1;
    }
  }
}

function menbar() {

if (document.layers){
   JX = window.pageXOffset;
   JY = window.pageYOffset;
   wm.visibility = "hide";
   wm.top = JY;
   wm.left = JX;
   wm.visibility= "show";
}

if (document.all){
  if (navigator.appVersion.indexOf("Mac") == -1){
   wm.style.display = "none";
   JX = document.body.scrollLeft;
   JY = document.body.scrollTop;
   wm.style.top  = JY;
   wm.style.left = JX;
   wm.style.display = "";
  }
}
}

setInterval("menbar()",100);
//-->
</script>