html
<div class="select">
<a href="#">Select 1</a>
<ul>
<li>Select 1</li>
<li>Select 2</li>
<li>Select 3</li>
</ul>
</div>
css
.select {position:relative; line-height:35px;}
.select > a {display:block; border:1px solid #ccc; padding:0 8px; overflow:hidden;}
.select > a:after,
.select > ul > li:first-child:after {display:block; float:right;}
.select > a:after {content:'▼';}
.select > ul {position:absolute; width:100%; top:1px; background:#fff; display:none;}
.select > ul > li {cursor:pointer; padding:0 8px; border:1px solid #ccc; border-top:0;}
.select > ul > li:first-child:after {content:'▲';}
Jquery
$("div.select > a").click(function() {
$(this).next("ul").toggle();
return false;
});
$("div.select > ul > li").click(function() {
$(this).parent().hide().parent("div.select").children("a").text($(this).text());
$(this).prependTo($(this).parent());
});
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6330 |
 gilynh |
12년 전 | 1793 | |
| 6329 |
내가짱니네가짱
|
12년 전 | 1226 | |
| 6328 |
AMDbest
|
12년 전 | 490 | |
| 6327 | 12년 전 | 1698 | ||
| 6326 | 12년 전 | 1330 | ||
| 6325 | 12년 전 | 7620 | ||
| 6324 |
AMDbest
|
12년 전 | 2201 | |
| 6323 |
 KIMys |
12년 전 | 1968 | |
| 6322 | 12년 전 | 2030 | ||
| 6321 | 12년 전 | 2477 | ||
| 6320 |
senseme
|
12년 전 | 577 | |
| 6319 | 12년 전 | 3725 | ||
| 6318 | 12년 전 | 1378 | ||
| 6317 |
kiplayer
|
12년 전 | 6417 | |
| 6316 | 12년 전 | 1015 | ||
| 6315 | 12년 전 | 969 | ||
| 6314 |
상엽나르도
|
12년 전 | 1282 | |
| 6313 |
검은고양이1983
|
12년 전 | 651 | |
| 6312 | 12년 전 | 3114 | ||
| 6311 | 12년 전 | 1413 | ||
| 6310 |
testers
|
12년 전 | 1481 | |
| 6309 | 12년 전 | 984 | ||
| 6308 | 12년 전 | 2598 | ||
| 6307 | 12년 전 | 1650 | ||
| 6306 | 12년 전 | 434 | ||
| 6305 | 12년 전 | 3496 | ||
| 6304 | 12년 전 | 996 | ||
| 6303 | 12년 전 | 822 | ||
| 6302 | 12년 전 | 1188 | ||
| 6301 | 12년 전 | 5564 | ||
| 6300 |
 ideaman |
12년 전 | 1194 | |
| 6299 |
AMDbest
|
12년 전 | 2803 | |
| 6298 |
AMDbest
|
12년 전 | 2248 | |
| 6297 |
프리랜서개발자
|
12년 전 | 470 | |
| 6296 | 12년 전 | 2927 | ||
| 6295 |
SUPERMANs
|
12년 전 | 1379 | |
| 6294 | 12년 전 | 1290 | ||
| 6293 | 12년 전 | 1343 | ||
| 6292 |
오늘도망했다
|
12년 전 | 3265 | |
| 6291 |
senseme
|
12년 전 | 2026 | |
| 6290 |
senseme
|
12년 전 | 3683 | |
| 6289 |
senseme
|
12년 전 | 8577 | |
| 6288 |
senseme
|
12년 전 | 4170 | |
| 6287 |
senseme
|
12년 전 | 3736 | |
| 6286 |
senseme
|
12년 전 | 1364 | |
| 6285 |
senseme
|
12년 전 | 1429 | |
| 6284 |
프로프리랜서
|
12년 전 | 3154 | |
| 6283 |
프로프리랜서
|
12년 전 | 3986 | |
| 6282 |
프로프리랜서
|
12년 전 | 4390 | |
| 6281 |
프로프리랜서
|
12년 전 | 1604 | |
| 6280 | 12년 전 | 1285 | ||
| 6279 |
AMDbest
|
12년 전 | 874 | |
| 6278 | 12년 전 | 977 | ||
| 6277 |
senseme
|
12년 전 | 2715 | |
| 6276 |
senseme
|
12년 전 | 2731 | |
| 6275 |
senseme
|
12년 전 | 1259 | |
| 6274 |
 raineye |
12년 전 | 2801 | |
| 6273 | 12년 전 | 1276 | ||
| 6272 | 12년 전 | 8460 | ||
| 6271 |
senseme
|
12년 전 | 1506 | |
| 6270 |
senseme
|
12년 전 | 3766 | |
| 6269 |
senseme
|
12년 전 | 6379 | |
| 6268 |
senseme
|
12년 전 | 1562 | |
| 6267 | 12년 전 | 2839 | ||
| 6266 | 12년 전 | 578 | ||
| 6265 | 12년 전 | 1300 | ||
| 6264 | 12년 전 | 1154 | ||
| 6263 |
senseme
|
12년 전 | 1314 | |
| 6262 |
senseme
|
12년 전 | 3309 | |
| 6261 |
senseme
|
12년 전 | 1084 | |
| 6260 |
senseme
|
12년 전 | 1821 | |
| 6259 |
senseme
|
12년 전 | 1255 | |
| 6258 |
senseme
|
12년 전 | 916 | |
| 6257 | 12년 전 | 1405 | ||
| 6256 | 12년 전 | 2097 | ||
| 6255 |
senseme
|
12년 전 | 1377 | |
| 6254 |
senseme
|
12년 전 | 1262 | |
| 6253 |
senseme
|
12년 전 | 1785 | |
| 6252 |
kiplayer
|
12년 전 | 14776 | |
| 6251 | 12년 전 | 1067 | ||
| 6250 | 12년 전 | 868 | ||
| 6249 | 12년 전 | 2722 | ||
| 6248 |
senseme
|
12년 전 | 8961 | |
| 6247 | 12년 전 | 1286 | ||
| 6246 |
프로프리랜서
|
12년 전 | 1167 | |
| 6245 |
프로프리랜서
|
12년 전 | 1627 | |
| 6244 |
프로프리랜서
|
12년 전 | 1130 | |
| 6243 |
프로프리랜서
|
12년 전 | 1259 | |
| 6242 |
프로프리랜서
|
12년 전 | 3545 | |
| 6241 |
프로프리랜서
|
12년 전 | 1451 | |
| 6240 |
프로프리랜서
|
12년 전 | 2122 | |
| 6239 |
softhead
|
12년 전 | 1141 | |
| 6238 |
senseme
|
12년 전 | 1308 | |
| 6237 |
senseme
|
12년 전 | 3025 | |
| 6236 | 12년 전 | 870 | ||
| 6235 | 12년 전 | 1337 | ||
| 6234 | 12년 전 | 1602 | ||
| 6233 | 12년 전 | 2029 | ||
| 6232 | 12년 전 | 2136 | ||
| 6231 | 12년 전 | 2562 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기