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());
});
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5530 | 13년 전 | 553 | ||
| 5529 | 13년 전 | 741 | ||
| 5528 | 13년 전 | 730 | ||
| 5527 | 13년 전 | 1041 | ||
| 5526 | 13년 전 | 1055 | ||
| 5525 | 13년 전 | 1819 | ||
| 5524 | 13년 전 | 690 | ||
| 5523 |
high8sky
|
13년 전 | 747 | |
| 5522 | 13년 전 | 3138 | ||
| 5521 | 13년 전 | 869 | ||
| 5520 |
즐거운상상을
|
13년 전 | 1127 | |
| 5519 | 13년 전 | 1502 | ||
| 5518 | 13년 전 | 964 | ||
| 5517 | 13년 전 | 1978 | ||
| 5516 | 13년 전 | 681 | ||
| 5515 |
순천홈페이지
|
13년 전 | 2841 | |
| 5514 | 13년 전 | 1176 | ||
| 5513 |
수야3019
|
13년 전 | 1502 | |
| 5512 | 13년 전 | 904 | ||
| 5511 | 13년 전 | 1060 | ||
| 5510 |
 직화오리팡야 |
13년 전 | 1419 | |
| 5509 |
 TopSchooL |
13년 전 | 1107 | |
| 5508 | 13년 전 | 1670 | ||
| 5507 | 13년 전 | 1542 | ||
| 5506 | 13년 전 | 713 | ||
| 5505 | 13년 전 | 2790 | ||
| 5504 |
물끄덩미끄덩
|
13년 전 | 953 | |
| 5503 |
후라보노보노
|
13년 전 | 1978 | |
| 5502 | 13년 전 | 871 | ||
| 5501 | 13년 전 | 1951 | ||
| 5500 | 13년 전 | 1820 | ||
| 5499 | 13년 전 | 1816 | ||
| 5498 | 13년 전 | 772 | ||
| 5497 |
레인보우1492
|
13년 전 | 1339 | |
| 5496 | 13년 전 | 1071 | ||
| 5495 |
jdjjun00
|
13년 전 | 2049 | |
| 5494 | 13년 전 | 909 | ||
| 5493 | 13년 전 | 989 | ||
| 5492 | 13년 전 | 1238 | ||
| 5491 | 13년 전 | 1088 | ||
| 5490 | 13년 전 | 880 | ||
| 5489 |
빨간망사챠챠
|
13년 전 | 2282 | |
| 5488 |
나태한개미
|
13년 전 | 1067 | |
| 5487 |
나태한개미
|
13년 전 | 1029 | |
| 5486 |
나태한개미
|
13년 전 | 2118 | |
| 5485 | 13년 전 | 1803 | ||
| 5484 | 13년 전 | 6533 | ||
| 5483 | 13년 전 | 1430 | ||
| 5482 |
Raincommunication
|
13년 전 | 769 | |
| 5481 |
TopSchooL |
13년 전 | 577 | |
| 5480 |
 스마트파인드 |
13년 전 | 996 | |
| 5479 | 13년 전 | 1034 | ||
| 5478 |
직화오리팡야 |
13년 전 | 887 | |
| 5477 | 13년 전 | 670 | ||
| 5476 | 13년 전 | 1117 | ||
| 5475 | 13년 전 | 1435 | ||
| 5474 | 13년 전 | 827 | ||
| 5473 | 13년 전 | 648 | ||
| 5472 | 13년 전 | 1142 | ||
| 5471 | 13년 전 | 1605 | ||
| 5470 | 13년 전 | 951 | ||
| 5469 |
BackToHeaven
|
13년 전 | 2218 | |
| 5468 |
멀티트리플
|
13년 전 | 1101 | |
| 5467 | 13년 전 | 728 | ||
| 5466 | 13년 전 | 1303 | ||
| 5465 | 13년 전 | 1409 | ||
| 5464 | 13년 전 | 1492 | ||
| 5463 | 13년 전 | 690 | ||
| 5462 | 13년 전 | 1416 | ||
| 5461 | 13년 전 | 1060 | ||
| 5460 | 13년 전 | 2559 | ||
| 5459 | 13년 전 | 1063 | ||
| 5458 |
프로프리랜서
|
13년 전 | 954 | |
| 5457 | 13년 전 | 806 | ||
| 5456 |
PHPㅡASP프로그래머
|
13년 전 | 1327 | |
| 5455 |
뭐먹고살지ㅠ
|
13년 전 | 863 | |
| 5454 | 13년 전 | 1614 | ||
| 5453 |
프리랜서클럽
|
13년 전 | 1194 | |
| 5452 | 13년 전 | 832 | ||
| 5451 | 13년 전 | 782 | ||
| 5450 | 13년 전 | 7290 | ||
| 5449 |
PHPㅡASP프로그래머
|
13년 전 | 831 | |
| 5448 |
DBDBDB
|
13년 전 | 667 | |
| 5447 | 13년 전 | 1943 | ||
| 5446 |
헬프데스크
|
13년 전 | 1801 | |
| 5445 | 13년 전 | 963 | ||
| 5444 |
Werbershinta
|
13년 전 | 677 | |
| 5443 | 13년 전 | 1344 | ||
| 5442 | 13년 전 | 1063 | ||
| 5441 | 13년 전 | 1175 | ||
| 5440 | 13년 전 | 3167 | ||
| 5439 | 13년 전 | 833 | ||
| 5438 |
ddokkani
|
13년 전 | 764 | |
| 5437 | 13년 전 | 2628 | ||
| 5436 | 13년 전 | 1018 | ||
| 5435 |
PHPㅡASP프로그래머
|
13년 전 | 838 | |
| 5434 |
돗단배123
|
13년 전 | 1611 | |
| 5433 | 13년 전 | 1767 | ||
| 5432 |
 엘남매아빠 |
13년 전 | 917 | |
| 5431 | 13년 전 | 768 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기