제일컴퓨터학원

웹프로그래밍

Global It Leader!!

jQuery


 
 

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

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 3,394회 작성일 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 목록
번호 제목 글쓴이 조회 날짜
122
Ajax를 이용해 데이터를 서버로 보내는 몇 가지 방법 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1879 08-04
121
Calendar 달력 생성하고 제어하기 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2161 06-25
120
레이어 드래그 소스 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1904 05-28
119
유튜브 영상을 배경으로 사용하게 해주는 플러그인 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3086 03-06
118
PDF.js 를 이용한 브라우저상에서 PDF 바로 보기 인기글 댓글+ 1개
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2895 03-02
117
JQuery 날짜시간선택기 datetimepicker 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2669 11-06
116
초간단 배경 투명 레이어 팝업 띄우기 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3261 11-03
115
Carousel 슬라이드 스크립트 공부하기 좋은 곳 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2663 10-28
114
li 높이 가장 높은것에 맞추기 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2767 10-06
113
반응형 홈페이지에 사용하는 이미지 맵 인기글
no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2619 09-11
112
SNS 공유하기 소스 참고 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2822 01-20
111
프로토콜 판단하고 보안 프로토콜로 접속하기 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2741 08-18
110
sns 공유하기 소스 - 라인, 폴라, 카톡, 카스, 밴드, 핀터레스트, 구글플러스, 네이버블로그, 트위터,… 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2752 01-30
109
DIV 일정시간 마다 새로고침 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3051 09-23
108
스크롤에 반응 하는 프로그레스바 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2947 02-04
107
웹페이지 로딩 표시하기 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3013 02-04
106
팝업창 화면 가운데 띄우기 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3193 09-05
105
유투브(YouTube) 동영상을 웹 사이트 배경으로 사용하기 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3268 02-23
104
지도 API 사용시 위도 경도 모른다면... 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3243 12-27
103
비밀번호 작성 규칙 검사 스크립트 인기글
no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3322 12-21