...........를 가장한 레이어 메뉴...ㅡ,.ㅡ

select 메뉴 효과를 볼수 있는 레이어 메뉴입니다.
세이클럽 셀렉트 메뉴를 흉내 냈고 아래 제로님 소스도 흉내 냈고.......

어쨋든 그래서 개판 오분전입니다.

메뉴 추가와 타겟 설정이 쉽습니다.
공짭니다.
이거 쓰믄 얼굴이 잘 생겨집니다.
어쩌면 로또 복권에 당첨 될런지도 모릅니다.
느닷 없이 개뼉다구를 선물 받을런지도 모릅니다.

미리 보기 : http://allzza.net/maddog/tip/selectmenu.html


<style type='text/css'>
   body
    A:link { text-decoration:none;font-size:12px; color:  navy;}
    A:visited { text-decoration:none;font-size:12px; color: navy;}
    A:active { text-decoration:none;font-size:12px; color: navy;}
    A:hover {color: 0000ff;font-size:12px; text-decoration:none;}  
</style>

<script>

/*******************************
제작 : 미친개
이멜 : maddog07@korea.com
홈피 : http://allzza.net/maddog
날짜 : 2003.2.18
********************************/

var sel_menu = 0;

var menu_list = new Array(
    
     /*******************************************
     메뉴 추가할땐
     new Array('추가 메뉴 이름','주소')
     의 형태로 추가 하세요. 맨뒤에 추가할때 지금 현재 맨뒷 메뉴 뒤에 없는 쉼표(,)를 적어주고
     새로 추가된 맨뒷 메뉴 뒤엔 쉼표가 없어야 합니다.
     맨 첫 메뉴는 select 메뉴가 아무것도 선택 되지 않았을때 보여질 문자열입니다.
     *********************************************/
    
    
     new Array('카테고리',''),
     new Array('엔지오','http://nzeo.com'),
     new Array('미친개네 집','http://allzza.net/maddog'+ '),
     new Array('태그 매니아','http://tagmania.net'),
     new Array('오마이 뉴스','http://ohmynews.com')
     );
    
var mytarget = '_new';    //-- target 이름
    
function view_sub(sel_menu)  {
  
     document.all.sub_my2.style.visibility = 'visible';
     document.all.sub_my.innerHTML = '<table width=100% bgcolor=#3595a7 style="padding-top:2;padding-left:4;padding-bottom:0;font-size:12px;color:navy">'
                                   + '<tr><td width=80% height=18>' + menu_list[sel_menu][0] + '</td><td width=20% align=center><a href='javascript:hidden_sub(' + sel_menu + ')'>▲</a></td></tr></table>';
  }
  
  
function hidden_sub(sel_menu)  {
     document.all.sub_my2.style.visibility = 'hidden';
     document.all.sub_my.innerHTML = '<table width=100% bgcolor=#3595a7 style="padding-top:2;padding-left:4;padding-bottom:0;font-size:12px;color:navy">'
                                   + '<tr><td width=80% height=18>' + menu_list[sel_menu][0] + '</td><td width=20% align=center><a href='javascript:view_sub(' + sel_menu + ')'>▼</a></td></tr></table>';
     if(sel_menu != 0)  window.open(menu_list[sel_menu][1],mytarget,'');
  }
  
for(i=0;i<menu_list.length;i++) {
    if(i == 0) {
          document.write('<div id=sub_my style="width:150;border:1 solid #000000;font-size:12px;color:navy">'
              + '<table width=100% bgcolor=#3595a7 style="padding-top:2;padding-left:4;padding-bottom:0;font-size:12px;color:navy">'
              + '<tr><td width=80% height=18>' + menu_list[i][0] + '</td><td width=20% align=center><a href='javascript:view_sub(' + i + ')'>▼</a></td>'
              + '</tr></table></div>'
              + '<div id=sub_my2 style="width:150;border-left:1 solid #000000;border-right:1 solid #000000;border-bottom:1 solid #000000;font-size:12px;color:navy;visibility:hidden">'
              + '<table width=100% bgcolor=#75c5f7 style="padding-top:2;padding-left:4;padding-bottom:0;font-size:12px;color:navy">');
           }
    else    {
          document.write('<tr><td width=100%  height=18 onmouseover='this.style.backgroundColor="#3595a5"' onmouseout='this.style.backgroundColor="#75c5f7"'><a href='javascript:hidden_sub(' + i + ')'>' + menu_list[i][0] + '</a></td></tr>');
            }
    }
document.write('</table></div>');

</script>