탑메뉴에 관해 질문 드립니다
그림에서와 같이 제일 간단한 메뉴 상태 3가지에서
클릭 후 yellow색상으로 변하는것을 어떻게 하면 되죠?
제가 지금 메뉴를 모두 DIV+CSS로 하였는데 여기에서 어떻게 하면 좋을지 모르겠어요.
클릭 후 yellow색상으로 변하는것을 어떻게 하면 되죠?
제가 지금 메뉴를 모두 DIV+CSS로 하였는데 여기에서 어떻게 하면 좋을지 모르겠어요.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
a.topmenu:hover {color:#FFF; text-decoration:underline;} /* 롤오버했을때 밑줄 */
a.topmenu:active {color:#FC0; text-decoration:none;} /* 눌렀을때 노랑색 밑줄없음 */
a.topmenu:visited {color:#FC0; text-decoration:none;} /* 누르고난뒤 노랑색, 밑줄없음 */
.topmenu 부분은 적당히 바꿔야하는거 아시죠?
<script>
.top980c {clear:left; width:980px; height:32px; }
.top6 {float:left; width:15px; }
.top7 {float:left; width:950px; height:32px; background-image:url(img/new_1/top_bg1.gif); text-align:left; }
.min_menu {color: #FFFFFF; font-weight: bold;}
.min_menu_on {color: #FFEA00; font-weight: bold; text-decoration:underline;}
.min_menu3 {float:left; width:40px; height:18px; margin-top:8px; }
.min_menu4 {float:left; width:55px; height:18px; margin-top:8px; }
.min_menu5 {float:left; width:66px; height:18px; margin-top:8px;}
.min_menu_jianju {float:left; width:25px; height:18px; margin-top:7px; text-align:center; }
</script>
<!-- 메뉴 시작 -->
<div align="center">
<div class="top980c"><!-- 채널 -->
<div class="top6"><img src="../img/new_1/top_img1.gif"></div>
<div class="top7">
<div class="min_menu4"><a href="../"><span class="min_menu">처음으로</span></a></div>
<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=news"><span class="min_menu">최근뉴스</span></a></div>
<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=travel"><span class="min_menu">여행정보</span></a></div>
<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=food"><span class="min_menu">미식정보</span></a></div>
<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../bbs/board.php?bo_table=hotel"><span class="min_menu">민박호텔</span></a></div>
<div class="min_menu_jianju"><img src="../img/new_1/top_img3.gif"></div>
<div class="min_menu4"><a href="../phone.php"><span class="min_menu">전화114</span></a></div>
</div>
</div>
<!-- 메뉴 끝 -->
그리고 .. 흠..
먼저 css 기본을 이해하셔야할듯하네요^^;;;