플래시 효과 왼쪽 사이드 메뉴
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 3,382회
작성일 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>
<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
관련링크
댓글목록
등록된 댓글이 없습니다.