웹프로그래밍

Global It Leader!!


jQuery


 
 

플래시 효과 왼쪽 사이드 메뉴

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 3,392회 작성일 13-12-19 17:07

본문

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="../style.css" type="text/css">
<style>
ul{
 height:30px;
 width:100%;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}
 
ul li{
 display:inline-block;
 float:left;
 width:100%;
 height:30px;
 list-style-type:none;
 overflow:hidden;
}
 
ul li a, ul li a:hover,
ul li a:visited{
 text-decoration:none;
}
 
.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
 outline:none;
 padding:7px 20px;
 display:block;
 height:12px;
 /* ̰ 30px, paddind top,bottom  9px*/
 /*30-9
2 = 12px*/
}
 
.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
 margin-top:-30px;
 background:repeat-x #9E7DF5;
 color:#FFFFFF;
}
 
.selectedMenu,.selectedMenu:visited {
 margin:0;
}
 
.normalMenu, .normalMenu:visited{
 color:#000;
 background:repeat-x;
}
 
a.normalMenu:link, a.normalMenu:visited, a.normalMenu:active { text-decoration:none; color:#222222; }
a.normalMenu:hover { text-decoration:none;  color:#FFFFFF; }
a.hoverMenu:link, a.hoverMenu:visited, a.hoverMenu:active { text-decoration:none; color:#FFFFFF; }
a.hoverMenu:hover { text-decoration:none;  color:#FFFFFF; }
a.selectedMenu:link, a.selectedMenu:visited, a.selectedMenu:active { text-decoration:none; color:#FFFFFF; }
a.selectedMenu:hover { text-decoration:none;  color:#FFFFFF; }
</style>
<script language="javascript">
function link_url(url){
 parent.location.href = url;
}
 
function bluring(){
   if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
 
</script>
<body topmargin="0" leftmargin="0"  bgcolor="#F9F9F9" style="text-align: center;">
<script type="text/javascript" src="/inc/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/inc/doormenu.js"></script>
 
  <table width='220px' cellpadding=0 cellspacing=0 border=0 align="center">
   <tr>
    <td align="center">
     <div id="menu-container">
      <ul id="navigationMenu">
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=PHP');" class="normalMenu">PHP</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=ASP');" class="normalMenu">ASP</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=MYSQL');" class="normalMenu">MYSQL</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=MSSQL');" class="normalMenu">MSSQL</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=HTML');" class="normalMenu">HTML</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=CSS');" class="normalMenu">CSS</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=SCRIPT');" class="normalMenu">SCRIPT</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=서버');" class="normalMenu">서버</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=보안');" class="normalMenu">보안</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=오류해결');" class="normalMenu">오류해결</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=그누보드');" class="normalMenu">그누보드</a></li>
 
             <li><a href="javascript:link_url('/bbs/board.php?bo_table=rboard01&sca=기타');" class="normalMenu">기타</a></li>
 
            </ul>
 </div></td>
 </tr>
</table>

첨부파일

  • menu.html (3.7K) 61회 다운로드 | DATE : 2013-12-19 17:08:01

댓글목록

등록된 댓글이 없습니다.

전체 142
게시물 검색
jQuery 목록
번호 제목 글쓴이 조회 날짜
82 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3739 01-30
81 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3807 12-23
열람중 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3393 12-19
79 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3594 12-18
78 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3912 12-09
77 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3623 11-18
76 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3549 09-29
75 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3914 09-19
74 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3570 09-19
73 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3970 09-06
72 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3681 05-20
71 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3630 04-11
70 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3656 03-20
69 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3719 02-27
68 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3711 02-12
67 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4143 02-10
66 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3680 02-08
65 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3700 02-08
64 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3679 01-31
63 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4502 01-03