& lthtml & gt
& lthead & gt
& ltmeta http-equiv = " Content-Type " Content = " text/html; charset=gbk" />
& lttitle & gt 슬라이딩 도어
& ltstyle & gt
& lt!-
* {
여백:0;
패딩:0;
글꼴크기:12px;
}
Body {<
fill:30px
}
. tabsBox {
width:400px
margin:20px auto;
}
. tab {
높이:20px
}
. 탭 li {
폭:80px 텍스트-정렬:가운데;
필탑:2px
행높이:18px;
플로트:왼쪽;
배경색:# ccc
우측 여백:5px
목록 스타일:없음;
위치:상대;
커서:포인터;
색:# 333;
}
. 탭은 스팬
디스플레이:없음;
}
. Tab. cur
배경색:# f0f0f0
}
. Tab. 현재 스팬{
디스플레이:블록;
폭:1px;
높이:1px;
테두리:단색 8px
테두리색:# f0f 0f 0 # fff # fff;
위치:절대;
상단:20px;< /p>
left:32px
overflow:hidden;
z-index:-1;
}
. 단점 {
높이:120px;
패딩:8px 12px;
여백:숨김;
경계:1px 솔리드 # f0f0f0
위치:상대;
z-index:1;
}
. 단점 ul li {
목록 스타일:none;
행 높이:20px
}
. Hide{
Show:None;
}
. 차단 {
Show:Block;
}
-& gt;
& lt/스타일 & gt;
& lt/head & gt;
& ltbody & gt
& ltdiv class="tabsBox" >
& ltul id="Tabs" class="tabs" >
& ltLee class="cur" >최신 업데이트
& ltLee & gt 추천 다운로드
& ltLee & gt 다운로드 순위
& ltLee & gt 이달의 순위
& lt/ul & gt;
& lt/ul & gt;
& ltdiv id="TabsCon" class="cons " >
& ltul & gt
& lt Li & gt& lta href = "/soft/4764 . shtml " target = " _ blank " >자바스크립트 기반 웹용 버블 경고
& lt Li& gt& lta href = "/soft/8021 . shtml " target = " _ blank " >엑셀 테이블을 생성하기 위해 OFFICE 구성 요소를 호출하는 C# 예제
& lt Li& gt& lta href = "/soft/9011 . shtml " target = " _ blank " >여러 페이지 간에 값을 전달하는 iFrame 프레임워크의 예
& lt Li& gt& lta href = "/soft/1658 . shtml " target = " _ blank " >코드 강조 표시를 위한 온라인 편집기, ASP.NET 버전
& lt Li& gt& lta href = "/soft/1852 . shtml " target = " _ blank " >"Java2 핵심 기술 2권: 고급 기능" 7판 중국어 HD PDF
& lt Li& gt& lta href = "/soft/1361 . shtml " target = " _ blank " >VB 레스토랑 POS 캐셔 소프트웨어
& lt/ul & gt;
& ltul & gt
& lt Li& gt& lta href = "/soft/1361 . shtml " target = " _ blank " >VB 레스토랑 POS 캐셔 소프트웨어
& lt Li& gt& lta href ="/soft/3855 . shtml " target = " _ blank " >VB 6.0 중국어 간체 표준판
& lt Li& gt& lta href = "/soft/8467 . shtml " target = " _ blank " >윈도우 드라이브를 숨기거나 복구하기 위한 델파이 암호화
& lt Li& gt& lta href = "/soft/5238 . shtml " target = " _ blank " >이미지뷰 2.0 PHP+FLASH+XML 고급 앨범
& lt Li& gt& lta href = "/soft/7667 . shtml " target = " _ blank " >MSSQL 데이터베이스 파일을 사용한 VB 소매 상품 인벤토리 프로그램
& lt/ul & gt;
& ltul & gt
& lt Li& gt& lta href = "/jscss/code/1915 . shtml " target = " _ blank " & gt; JQuery 모듈 드래그, 드래그 레이어 효과, 페이드 인 및 페이드 아웃 가능
& lt Li & gt& lta href = "/jscss/code/1914 . shtml " target = " _ blank " & gt; JQuery 한 줄 뉴스 스크롤
& lt Li& gt& lta href = "/jscss/code/1913 . shtml " target = " _ blank " & gt; 클래식 jQuery 여러 줄 텍스트 스크롤
& lt Lee& gt& lta href = "/jscss/code/1912 . shtml " target = " _ blank " & gt; JS 이미지가 많은 수정 없이 학습 버전으로 전환
& lt Lee& gt& lta href = "/jscss/code/1911 . shtml " target = " _ blank " & gt; 플로팅 광고 코드, Js 데모
& lt Li& gt& lta href = "/jscss/code/1910 . shtml " target = " _ blank " & gt; 스크롤 및 중지시 JS 이미지 스크롤
& lt/ul & gt;
& ltul & gt
& lt 이 & gt& lta href = "/soft/9217 . shtml " target = " _ blank " >트리 컨트롤 메뉴를 만들기 위해 데이터베이스를 재귀적으로 읽는 델파이 예제
& lt Li& gt& lta href = "/soft/9199 . shtml " target = " _ blank " >VB가 DLL 또는 EXE 응용 프로그램에서 아이콘 리소스를 가져오는 예
& lt Li& gt& lta href = "/soft/9236 . shtml " target = " _ blank " >JQuery StartStopSlider ScrollSwitch 플러그인
& lt Li& gt& lta href = "/soft/9235 . shtml " target = " _ blank " >jQuery EasyUI(메뉴, 탭 등)의 샘플 데모입니다.
& lt li& gt& lta href = "/soft/9227 . shtml " target = " _ blank " >VB+SQL2000 시험지(문제은행) 생성 및 관리 시스템
& lt/ul & gt;
& lt/div & gt;
& lt/div & gt;
& lt script & gt
& lt! p>var lis = document . getElementsByTagName _ r(" Li ");
var uls = document . getElementsByTagName _ r(" ul ");
var order = 0;
for(var I = 0; I& lt length; i++){
list[i]. value = I;
list[i]. onmouseover = function(){
change tabs(this . value);
};
uls[i]. className = " hidden
}
lis[order]. className = " cur
order. className = " block
function change tabs(. nowTab){
lis[order]. className =
order. className = " hidden
order = nowTab
lis[nowTab]. className = " cur
uls[nowTab]. . className = " block
}
-& gt;
& lt/script & gt;
& lt/body & gt;
& lt/html & gt;