简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

탭 라벨 전환 효과 code_extjs

WBOY
풀어 주다： 2016-05-16 18:54:48
원래의
1571명이 탐색했습니다.

HTML:

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




>




          div>


          CSS:



          코드 복사
          코드는 다음과 같습니다. #tabsK { float:left; width:100%;
          line-height:normal
          border-bottom:1px solid
          }
          # tabsK ul {
          여백:0;
          padding:10px 10px 0 10px;
          list-style:none
          }
          #tabsK li {
          display:inline; > 여백:0;
          패딩:0;
          커서:포인터;
          }
          #tabsK a {
          float:left; " ) 반복 없음 왼쪽 상단;
          여백:0;
          패딩:0 0 0 4px;
          텍스트 장식:없음;
          }
          #tabsK 범위 {
          float : 왼쪽;
          display:block;
          배경:url("image/tabrightK.gif") 오른쪽 상단
          padding:#FFF; 🎜 >}

          #tabsK a 범위 {float:none;}
          /* IE5-Mac 해킹 종료 */
          #tabsK a:hover 범위 {
          cursor:pointer
          색상:#FFF;
          배경 위치:100% -42px;
          }
          #tabsK a:hover {
          배경 위치:0% -42px
          커서:포인터;
          }
          #tabsK .hover 범위
          {
          배경 위치:0% -42px
          }
          #tabsK .hover 범위
          {
          배경 위치 : 100% -42px
          }

          .tab2 ul
          {
          display:none
          list-style-type:none; > }
          .tab2 ul li
          {
          text-align:left;
          line-height:20px
          text-indent:1em;
          .tab2 block
          {
          display:block;
          }


          JS:




          코드 복사


          코드는 다음과 같습니다.


          사용된 스크린샷과 두 장의 사진:










          관련 라벨：
          tab 标签
          원천：php.cn
          이전 기사：ymyang 그림 예시 code_javascript 기술 다음 기사：자바스크립트 페이지 점프방법_자바스크립트 스킬 모음
          본 웹사이트의 성명
          본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
          저자별 최신 기사
          최신 이슈
          vue에서 경로 소품을 설정하는 방법이 있나요? this.$router.push({name:"AdminNotifications",params:{tab:"requests"},}...
          에서 2024-04-06 11:35:59
          0
          1
          456
          제목 변경: 수직형 제품 디스플레이 내 웹페이지에는 현재 프로젝트 제품이 세로로 한 줄씩 나열되어 있습니다. 스크롤 가능한 방식으로 세로로 표시하고 싶습니다. 가로로 어떻게 바꾸나요? divclas...
          에서 2024-04-05 09:17:50
          0
          1
          3505
          관련 주제
          더>
          인기 추천
          인기 튜토리얼
          더>
          관련 튜토리얼
          인기 추천
          최신 강좌
          최신 다운로드
          더>
          웹 효과
          웹사이트 소스 코드
          웹사이트 자료
          프론트엔드 템플릿
          회사 소개 부인 성명 Sitemap
          PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！