Kwon Jung hun

Accordian_1

Title1
Content1
Title2
Content2
Title3
Content3
Title4
Content4

Accordian_2

Title1
Content1
Title2
Content2
Title3
Content3
Title4
Content4

stop

box

순회함수_2

순회함수 parents()

클릭시 .box1의 background 변경

p1

순회함수 find()

클릭시 .box2의 자식중 모든 a 요소 color 변경

a1

p1

a2

순회함수_3

Button1

Content1

Button2

Content2

Button3

Content3

Button4

Content4

animate()

로고용이미지
버튼 만들때 사용하는 css
/* 은행권 실무에서 사용하는 버튼 */
.btn_serch01{margin:0 5px; position: relative; display:inline-block;width:45px; height:27px; line-height:27px; text-align:center; color:#fff; text-decoration: none; padding-left:21px; padding-right:4px;background:url(/images/btn_01.png) no-repeat left top;border-radius:3px;o-border-radius: 3px; -moz-border-radius: 3px;webkit-border-radius: 3px;} .btn_serch01:after{content: ""; width: 4px; min-width: 4px; height: 27px; background: transparent url(/images/btn_01.png) right top no-repeat; position: absolute; right: 0; top: 0;}
/* 인스 퍼블리셔들이 사용하는 버튼 */
.btn_search02{margin:0 5px;position: relative; display:inline-block;width:70px; height:27px; background:url(/images/btn_01.png) no-repeat left top;border-radius:3px;o-border-radius: 3px; -moz-border-radius: 3px;webkit-border-radius: 3px;} .btn_search02 a{content: ""; width: 49px; min-width: 4px; height: 27px; line-height:27px; text-align:center; color:#fff; text-decoration: none; background: transparent url(/images/btn_01.png) right top no-repeat; position: absolute; right: 0; top: 0;}
/* 일반적으로 사용하는 버튼 */
.btn_content_search{width:70px;height:27px;background:url(/images/btn_content_search.png) no-repeat;right:110px;top:0px;position:absolute;display:block;text-indent:-9999px;}
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
준비중 이미지

다음주에 만나요...