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());
});
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7430 |
 wooriteam |
11년 전 | 4947 | |
| 7429 | 11년 전 | 1780 | ||
| 7428 |
멋진남자임
|
11년 전 | 1171 | |
| 7427 |
sdflksdj2
|
11년 전 | 830 | |
| 7426 | 11년 전 | 1365 | ||
| 7425 | 11년 전 | 1391 | ||
| 7424 | 11년 전 | 1054 | ||
| 7423 |
SeungYeon
|
11년 전 | 565 | |
| 7422 | 11년 전 | 811 | ||
| 7421 |
sdflksdj2
|
11년 전 | 691 | |
| 7420 | 11년 전 | 973 | ||
| 7419 |
 Terrorboy |
11년 전 | 1404 | |
| 7418 |
멋진남자임
|
11년 전 | 1440 | |
| 7417 | 11년 전 | 608 | ||
| 7416 |
senseme
|
11년 전 | 1233 | |
| 7415 | 11년 전 | 963 | ||
| 7414 | 11년 전 | 715 | ||
| 7413 | 11년 전 | 4850 | ||
| 7412 | 11년 전 | 4407 | ||
| 7411 |
holla
|
11년 전 | 898 | |
| 7410 | 11년 전 | 4252 | ||
| 7409 | 11년 전 | 3929 | ||
| 7408 | 11년 전 | 4273 | ||
| 7407 | 11년 전 | 5088 | ||
| 7406 | 11년 전 | 4736 | ||
| 7405 | 11년 전 | 4302 | ||
| 7404 | 11년 전 | 763 | ||
| 7403 | 11년 전 | 5682 | ||
| 7402 | 11년 전 | 1519 | ||
| 7401 |
Terrorboy |
11년 전 | 979 | |
| 7400 | 11년 전 | 2973 | ||
| 7399 |
멋진남자임
|
11년 전 | 920 | |
| 7398 |
파랑새1597
|
11년 전 | 2708 | |
| 7397 | 11년 전 | 2276 | ||
| 7396 |
basketball
|
11년 전 | 1374 | |
| 7395 | 11년 전 | 1613 | ||
| 7394 | 11년 전 | 934 | ||
| 7393 | 11년 전 | 2074 | ||
| 7392 | 11년 전 | 851 | ||
| 7391 |
잘살아보자
|
11년 전 | 5365 | |
| 7390 |
잘살아보자
|
11년 전 | 2229 | |
| 7389 |
잘살아보자
|
11년 전 | 3323 | |
| 7388 |
파랑새1597
|
11년 전 | 931 | |
| 7387 | 11년 전 | 1108 | ||
| 7386 |
프리랜서퍼블리셔
|
11년 전 | 973 | |
| 7385 | 11년 전 | 1572 | ||
| 7384 |
울라라라우
|
11년 전 | 892 | |
| 7383 | 11년 전 | 1558 | ||
| 7382 |
잘살아보자
|
11년 전 | 4229 | |
| 7381 |
잘살아보자
|
11년 전 | 2000 | |
| 7380 |
잘살아보자
|
11년 전 | 1944 | |
| 7379 |
잘살아보자
|
11년 전 | 5909 | |
| 7378 |
senseme
|
11년 전 | 1901 | |
| 7377 |
잘살아보자
|
11년 전 | 2750 | |
| 7376 | 11년 전 | 2419 | ||
| 7375 |
잘살아보자
|
11년 전 | 1053 | |
| 7374 |
잘살아보자
|
11년 전 | 3163 | |
| 7373 |
잘살아보자
|
11년 전 | 2482 | |
| 7372 |
잘살아보자
|
11년 전 | 5833 | |
| 7371 |
잘살아보자
|
11년 전 | 3470 | |
| 7370 |
잘살아보자
|
11년 전 | 1917 | |
| 7369 |
잘살아보자
|
11년 전 | 2175 | |
| 7368 |
ksdhtm56
|
11년 전 | 574 | |
| 7367 | 11년 전 | 1438 | ||
| 7366 | 11년 전 | 936 | ||
| 7365 | 11년 전 | 3546 | ||
| 7364 |
잘살아보자
|
11년 전 | 1399 | |
| 7363 |
잘살아보자
|
11년 전 | 1372 | |
| 7362 |
잘살아보자
|
11년 전 | 1510 | |
| 7361 | 11년 전 | 3596 | ||
| 7360 | 11년 전 | 3563 | ||
| 7359 | 11년 전 | 3381 | ||
| 7358 |
멋진남자임
|
11년 전 | 1029 | |
| 7357 | 11년 전 | 3417 | ||
| 7356 | 11년 전 | 2604 | ||
| 7355 | 11년 전 | 3196 | ||
| 7354 |
파랑새1597
|
11년 전 | 651 | |
| 7353 |
잘살아보자
|
11년 전 | 2430 | |
| 7352 |
잘살아보자
|
11년 전 | 2419 | |
| 7351 |
잘살아보자
|
11년 전 | 2483 | |
| 7350 |
잘살아보자
|
11년 전 | 1478 | |
| 7349 |
잘살아보자
|
11년 전 | 1971 | |
| 7348 |
잘살아보자
|
11년 전 | 1287 | |
| 7347 |
잘살아보자
|
11년 전 | 1084 | |
| 7346 |
멋진남자임
|
11년 전 | 1651 | |
| 7345 | 11년 전 | 995 | ||
| 7344 | 11년 전 | 3878 | ||
| 7343 | 11년 전 | 3660 | ||
| 7342 | 11년 전 | 1288 | ||
| 7341 | 11년 전 | 2525 | ||
| 7340 |
 오드리15 |
11년 전 | 941 | |
| 7339 | 11년 전 | 1738 | ||
| 7338 | 11년 전 | 3351 | ||
| 7337 | 11년 전 | 3666 | ||
| 7336 | 11년 전 | 4604 | ||
| 7335 | 11년 전 | 978 | ||
| 7334 | 11년 전 | 1538 | ||
| 7333 | 11년 전 | 2940 | ||
| 7332 |
Terrorboy |
11년 전 | 1112 | |
| 7331 |
KeePin뽁이
|
11년 전 | 1106 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기