>웹 프론트엔드 >JS 튜토리얼 >DIV 레이어를 축소하고 확장하는 jQuery의 방법_jquery

DIV 레이어를 축소하고 확장하는 jQuery의 방법_jquery

WBOY
WBOY원래의
2016-05-16 16:12:331482검색

이 기사의 예에서는 DIV 레이어를 축소 및 확장하는 jQuery 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.



jQuery는 DIV 레이어의 축소 및 확장 효과를 실현합니다

<스타일>
/* 축소 및 확장 효과 */
.text{line-height:22px;padding:0 6px;color:#666;}
.box h1{패딩-왼쪽:10px;높이:22px;줄 높이:22px;배경:#f1f1f1;글꼴-가중치:bold;}
.box{위치:상대적;테두리:1px 솔리드 #e7e7e7;}