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());
});
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5430 | 13년 전 | 1455 | ||
| 5429 |
phpman
|
13년 전 | 861 | |
| 5428 | 13년 전 | 1257 | ||
| 5427 |
phpman
|
13년 전 | 853 | |
| 5426 |
PHPㅡASP프로그래머
|
13년 전 | 1089 | |
| 5425 | 13년 전 | 798 | ||
| 5424 | 13년 전 | 741 | ||
| 5423 | 13년 전 | 742 | ||
| 5422 | 13년 전 | 1838 | ||
| 5421 |
PHPㅡASP프로그래머
|
13년 전 | 810 | |
| 5420 |
 Jeco7 |
13년 전 | 1636 | |
| 5419 | 13년 전 | 826 | ||
| 5418 | 13년 전 | 712 | ||
| 5417 | 13년 전 | 628 | ||
| 5416 | 13년 전 | 995 | ||
| 5415 | 13년 전 | 791 | ||
| 5414 | 13년 전 | 735 | ||
| 5413 | 13년 전 | 816 | ||
| 5412 | 13년 전 | 1375 | ||
| 5411 | 13년 전 | 895 | ||
| 5410 | 13년 전 | 1283 | ||
| 5409 | 13년 전 | 4276 | ||
| 5408 | 13년 전 | 1001 | ||
| 5407 |
ckflower
|
13년 전 | 2449 | |
| 5406 |
ddokkani
|
13년 전 | 1402 | |
| 5405 | 13년 전 | 1604 | ||
| 5404 | 13년 전 | 678 | ||
| 5403 | 13년 전 | 711 | ||
| 5402 |
밤거리빵빵
|
13년 전 | 6029 | |
| 5401 |
PHPㅡASP프로그래머
|
13년 전 | 989 | |
| 5400 |
 cshop |
13년 전 | 1221 | |
| 5399 | 13년 전 | 5018 | ||
| 5398 |
부산아무개
|
13년 전 | 1665 | |
| 5397 | 13년 전 | 2461 | ||
| 5396 | 13년 전 | 1858 | ||
| 5395 | 13년 전 | 1067 | ||
| 5394 | 13년 전 | 1150 | ||
| 5393 | 13년 전 | 1057 | ||
| 5392 |
아르toria
|
13년 전 | 772 | |
| 5391 |
 아지야학교가자 |
13년 전 | 1152 | |
| 5390 |
디지털홍익인간
|
13년 전 | 7713 | |
| 5389 | 13년 전 | 3117 | ||
| 5388 | 13년 전 | 878 | ||
| 5387 |
WaaNee
|
13년 전 | 1923 | |
| 5386 | 13년 전 | 2116 | ||
| 5385 | 13년 전 | 4634 | ||
| 5384 | 13년 전 | 954 | ||
| 5383 | 13년 전 | 2145 | ||
| 5382 | 13년 전 | 674 | ||
| 5381 |
JacobJeon
|
13년 전 | 1089 | |
| 5380 | 13년 전 | 1145 | ||
| 5379 | 13년 전 | 688 | ||
| 5378 | 13년 전 | 10478 | ||
| 5377 | 13년 전 | 878 | ||
| 5376 | 13년 전 | 1467 | ||
| 5375 | 13년 전 | 847 | ||
| 5374 | 13년 전 | 852 | ||
| 5373 | 13년 전 | 2072 | ||
| 5372 | 13년 전 | 1701 | ||
| 5371 |
cshop |
13년 전 | 1650 | |
| 5370 | 13년 전 | 2915 | ||
| 5369 |
아자12345
|
13년 전 | 1023 | |
| 5368 | 13년 전 | 712 | ||
| 5367 | 13년 전 | 1092 | ||
| 5366 | 13년 전 | 2159 | ||
| 5365 | 13년 전 | 1577 | ||
| 5364 | 13년 전 | 1102 | ||
| 5363 |
cshop |
13년 전 | 1379 | |
| 5362 | 13년 전 | 836 | ||
| 5361 | 13년 전 | 1395 | ||
| 5360 | 13년 전 | 761 | ||
| 5359 | 13년 전 | 1408 | ||
| 5358 | 13년 전 | 1239 | ||
| 5357 | 13년 전 | 1638 | ||
| 5356 | 13년 전 | 1130 | ||
| 5355 |
techer
|
13년 전 | 1372 | |
| 5354 |
 몽키D팡야 |
13년 전 | 1030 | |
| 5353 | 13년 전 | 746 | ||
| 5352 | 13년 전 | 834 | ||
| 5351 | 13년 전 | 1214 | ||
| 5350 | 13년 전 | 746 | ||
| 5349 |
cshop |
13년 전 | 1445 | |
| 5348 | 13년 전 | 854 | ||
| 5347 | 13년 전 | 760 | ||
| 5346 | 13년 전 | 878 | ||
| 5345 | 13년 전 | 818 | ||
| 5344 |
후라보노보노
|
13년 전 | 1960 | |
| 5343 | 13년 전 | 1165 | ||
| 5342 | 13년 전 | 1129 | ||
| 5341 | 13년 전 | 2076 | ||
| 5340 |
 미운오리스키 |
13년 전 | 1120 | |
| 5339 |
AMDbest
|
13년 전 | 743 | |
| 5338 | 13년 전 | 739 | ||
| 5337 |
프로프리랜서
|
13년 전 | 1486 | |
| 5336 |
프로프리랜서
|
13년 전 | 928 | |
| 5335 | 13년 전 | 725 | ||
| 5334 |
cshop |
13년 전 | 980 | |
| 5333 | 13년 전 | 2849 | ||
| 5332 | 13년 전 | 1533 | ||
| 5331 | 13년 전 | 1332 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기