제이쿼리 예제 사이트 같은데서 퍼온 건데요
원본: http://www.htmldrive.net/items/show/199/jQuery-and-CSS3-Awesome-Slide-Down-Box-Menu
이것을 제가 필요한대로 수정하고 있습니다
여기저기 뒤져보면서 확실하게는 아닐지라도 감으로 사이즈랑 메뉴 내용 같은 부분 수정했는데요
문제는 서브메뉴에서 마우스 오버하면 왜 선택된 메뉴만 색깔바뀌는게 아니라
아래칸까지 같이 바뀔까요?
원본은 서브메뉴가
<a href="#">서브1</a>
<a href="#">서브2</a>
<a href="#">서브2</a>
형식으로 되어있더군요..
서브 메뉴마다 네모칸으로 바꾸고 마우스 오버시 네모칸 색깔 바뀌게 하고 싶어서
css에 아래처럼 추가하고
ul.nav_menu {
margin:0;
padding:0;
display: block;
list-style: none;
font-size:15px;
text-align:center;
background-color:#eee;
}
ul.nav_menu li{
height:35px;
border-top:1px solid #aaa;
}
html에서 서브메뉴 출력되는 부분을
<ul l class="nav_menu">
<li><a href="#">서브1</li>
<li><a href="#">서브2</li>
<li><a href="#">서브3</li>
</u>
이렇게 바꾸었는데...
보시면 알겠지만 서브메뉴 마우스오버시 선택칸+밑에칸 까지 색상이 바뀌네요
댓글 2개
13년 전
span.sdt_wrap { background-color: white )
13년 전
감사합니다! 한줄만 추가하면 되는거군요! 감사합니다!!!!!!!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6130 |
gender
|
12년 전 | 1084 | |
| 6129 | 12년 전 | 1320 | ||
| 6128 |
 미스티아이드 |
12년 전 | 3461 | |
| 6127 | 12년 전 | 695 | ||
| 6126 |
미스티아이드 |
12년 전 | 2206 | |
| 6125 |
 라이브러리 |
12년 전 | 4883 | |
| 6124 | 12년 전 | 659 | ||
| 6123 | 12년 전 | 3838 | ||
| 6122 | 12년 전 | 1016 | ||
| 6121 | 12년 전 | 3749 | ||
| 6120 | 12년 전 | 906 | ||
| 6119 | 12년 전 | 1769 | ||
| 6118 | 12년 전 | 928 | ||
| 6117 | 12년 전 | 2147 | ||
| 6116 | 12년 전 | 7939 | ||
| 6115 | 12년 전 | 1918 | ||
| 6114 |
 Faceissue |
12년 전 | 1704 | |
| 6113 | 12년 전 | 1521 | ||
| 6112 | 12년 전 | 591 | ||
| 6111 | 12년 전 | 2109 | ||
| 6110 | 12년 전 | 1849 | ||
| 6109 | 12년 전 | 638 | ||
| 6108 | 12년 전 | 1197 | ||
| 6107 | 12년 전 | 618 | ||
| 6106 | 12년 전 | 902 | ||
| 6105 | 12년 전 | 1188 | ||
| 6104 | 12년 전 | 3592 | ||
| 6103 | 12년 전 | 2120 | ||
| 6102 | 12년 전 | 2311 | ||
| 6101 | 12년 전 | 3674 | ||
| 6100 | 12년 전 | 3481 | ||
| 6099 | 12년 전 | 3149 | ||
| 6098 | 12년 전 | 4022 | ||
| 6097 | 12년 전 | 1011 | ||
| 6096 | 12년 전 | 5977 | ||
| 6095 | 12년 전 | 1367 | ||
| 6094 | 12년 전 | 1223 | ||
| 6093 | 12년 전 | 3403 | ||
| 6092 | 12년 전 | 3049 | ||
| 6091 | 12년 전 | 5191 | ||
| 6090 | 12년 전 | 2700 | ||
| 6089 | 12년 전 | 3326 | ||
| 6088 | 12년 전 | 1013 | ||
| 6087 | 12년 전 | 843 | ||
| 6086 | 12년 전 | 2016 | ||
| 6085 |
 늘푸른등불 |
12년 전 | 806 | |
| 6084 |
웹디자인되고파
|
12년 전 | 2216 | |
| 6083 | 12년 전 | 1506 | ||
| 6082 | 12년 전 | 1107 | ||
| 6081 | 12년 전 | 2097 | ||
| 6080 |
Stiven
|
12년 전 | 2311 | |
| 6079 |
프로프리랜서
|
12년 전 | 1315 | |
| 6078 |
프로프리랜서
|
12년 전 | 786 | |
| 6077 |
프로프리랜서
|
12년 전 | 1339 | |
| 6076 |
프로프리랜서
|
12년 전 | 827 | |
| 6075 |
프로프리랜서
|
12년 전 | 1217 | |
| 6074 | 12년 전 | 3854 | ||
| 6073 | 12년 전 | 3949 | ||
| 6072 | 12년 전 | 1373 | ||
| 6071 | 12년 전 | 6989 | ||
| 6070 | 12년 전 | 7574 | ||
| 6069 | 12년 전 | 2318 | ||
| 6068 | 12년 전 | 3866 | ||
| 6067 |
smwkd
|
12년 전 | 632 | |
| 6066 | 12년 전 | 3655 | ||
| 6065 | 12년 전 | 3485 | ||
| 6064 | 12년 전 | 2720 | ||
| 6063 | 12년 전 | 2837 | ||
| 6062 | 12년 전 | 2366 | ||
| 6061 | 12년 전 | 2274 | ||
| 6060 | 12년 전 | 5180 | ||
| 6059 | 12년 전 | 2808 | ||
| 6058 | 12년 전 | 3131 | ||
| 6057 | 12년 전 | 2259 | ||
| 6056 | 12년 전 | 6839 | ||
| 6055 | 12년 전 | 2579 | ||
| 6054 | 12년 전 | 3431 | ||
| 6053 | 12년 전 | 2323 | ||
| 6052 | 12년 전 | 4817 | ||
| 6051 | 12년 전 | 3707 | ||
| 6050 | 12년 전 | 2553 | ||
| 6049 | 12년 전 | 2240 | ||
| 6048 |
 Rockg |
12년 전 | 1294 | |
| 6047 | 12년 전 | 3436 | ||
| 6046 | 12년 전 | 4093 | ||
| 6045 | 12년 전 | 3454 | ||
| 6044 | 12년 전 | 5331 | ||
| 6043 | 12년 전 | 1649 | ||
| 6042 | 12년 전 | 1280 | ||
| 6041 | 12년 전 | 5163 | ||
| 6040 | 12년 전 | 937 | ||
| 6039 | 12년 전 | 3407 | ||
| 6038 | 12년 전 | 3410 | ||
| 6037 | 12년 전 | 2991 | ||
| 6036 | 12년 전 | 3340 | ||
| 6035 | 12년 전 | 2866 | ||
| 6034 | 12년 전 | 2843 | ||
| 6033 | 12년 전 | 2865 | ||
| 6032 | 12년 전 | 2854 | ||
| 6031 | 12년 전 | 2877 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기