웹마스터 팁

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

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>


제목 글쓴이 날짜
주소 보여주기 시를 때 제가 자주 쓰는 방법 이건 조회수 빵이다 ㅡ0ㅡ; [21] ☆좀비파우더™ 2003.01.28
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window) [3] file 아린~★ 2003.01.29
바탕화면에 바로가기 아이콘을 만드시겠습니까? [소스분석용] [12] RedEye 2003.02.02
KBS VOD 최상위로 만들기 소스 (필요 부분만 수정) [3] kimbilly 2003.02.02
최상위로 만들기 소스 [13] 앳플군 2003.02.04
음악 듣기 소스 당근당근 2003.02.04
미디 랜덤으로 듣기 완벽해결! [4] K.샘 2003.02.05
링크된 텍스트 클릭지 위로 스크롤되는 예제확인 [1] ▩윤미 2003.02.06
링크된 텍스트 오버시 위로 스크롤..예제 확인 [2] ▩윤미 2003.02.06
[허뎝이즈]간단한 테트리스 만들어 보기^_^[허뎝이 수정했음돠] [11] 허졉이즈 2003.02.06
흐르는 내용 강좌 [4] 라엘 2003.02.10
레이어를 이용한 초간단 갤러리를 만들어봅시다. [6] 모라미 2003.02.15
요청해오신 레이어 무조건 중앙에 열리기 와 클릭하는 곳에 열리기 두가지 소스입니다. [4] 모라미 2003.02.25
[수정판] 갤러리 이미지 드레그 이동 가능한 필터 사용 스르륵 버젼 ^^ [10] 모라미 2003.02.15
페이지 로딩중 효과 [7] 깜보 2003.02.16
[수정 및 추가 설명] 음악 듣기 소스 [4] 당근당근 2003.02.17
개판 오분전 select menu......... [10] 미친개 2003.02.18
폰트 크기를 방문자가 자유자재로 바꾸도록.. 깜보 2003.02.19
통합 검색엔진 소스입니다. [5] 철혈단 2003.02.19
개판 오분전 이미지 슬라이더 [5] 미친개 2003.02.20