> 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery를 기반으로 9줄의 js를 이용하여 쉽게 탭 컨트롤을 구현한 예

jquery_jquery를 기반으로 9줄의 js를 이용하여 쉽게 탭 컨트롤을 구현한 예

WBOY
풀어 주다: 2016-05-16 17:20:05
원래의
953명이 탐색했습니다.
复代码 代码如下:



<머리>




<스타일>
리{
테두리:1px 솔리드 #b5e2f3;
테두리 하단:0px;
플로트:왼쪽;
폭:100px;
높이:25px;
여백:0 7px;
배경:#F1FEF3;
패딩:9px 0 0 0;
텍스트 정렬:가운데;
색상:#33a3dc;
커서:포인터;
}
ul{
너비:800;
높이:36px;
테두리 하단:1px 솔리드 #b5e2f3;
}
#선택됨{
배경:#FFF!중요;
border-bottom:2px solid #FFF!important;
}
ul{margin:-1px;}
#cate1,#cate2, #cate3, #cate4, #cate5{
clear:both;
높이:300px;
배경:#FFFFFF;
폭:800px;
높이:100px;
패딩:25px;
테두리:1px 솔리드 #b5e2f3;
}

<본문>


  • 1

  • 2

  • 3

  • 4





1






<스크립트>
tab("탭","선택됨");


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿