[지원 IE, 크롬 브라우저] 로컬 페이지 축소

<! doctype html 공개 "-//w3c//dtd xhtml 1.0 전환 / / 엉" "http:// Www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">< html xmlns =" http://www.w3.org/1999/xhtml " >< 헤드 >< 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312 "/ >< 제목 > 제목 문서 < / 제목 >< 스크립트 유형 =" 텍스트/자바 스크립트 "src = "Jquery-1.4.2.min.js" >< / 스크립트 >< 스크립트 > var i = 0; var tdata = {머리: [{이름: ' 명사 '}, {이름: ' 수량 '}], 데이터: [{이름: '언어', 수: 12}, {이름: '수학', 수: 30}]}; Addnewrow () 함수 {$ ("#tt"). 추가 ("< tr id = ' Tr_" + i + "' >< td >" + i + "< 입력된 이름 = 'FDSA' 유형 '텍스트' = >< 신안 >< td >< 단추 onclick = 'removeThis ("+ i +");' > < / 버튼 >< 신안 >< /tr > 삭제 "); i + +; } 함수 removethis (Id) {$ ("#tr_" + id). 제거 ();-나; } 함수 위치 () {$ ("#bottomdiv"). CSS ("여백-가기", $ (창). 높이 ()-$ ("# Bottomdiv "). (높이)-2); $ ("#bottomdiv"). CSS ("여백-왼쪽", $ (창). 폭 ()-$ ("#bottomdiv"). 폭 ()-2); $ ("#tt"는 tbody). 추가 ("< tr >"); $.each (tdata.head,function (i, 행) {$ ("#tt"는 tbody). 추가 ("< 일 > + row.name+") < /th > "); }); $ ("#tt"는 tbody). 추가 ("< /tr >"); $.each (tdata.data,function (i, 행) {$ ("#tt"는 tbody). 추가 ("< tr >< td >" + Row.name+ "< 신안 >< td >" +row.count+ "< 신안 >< /tr >"); }; } $ (함수 () {위치 변경 (), $ ("#div_animate"). 애니메이션 ({높이: & nbsp; ' 전환 ', 불투명도: '토글'}, '느린'; $ ("#div_animate"). 애니메이션 (없음; 높이: '쇼', 불투명도: '쇼' (}, "느린");}); var 줌 = 10; 기능에서는 maxzoom () {+ 5 = $ ("#zoomdiv")를 줌. CSS ("확대", 확대/축소/10);} 함수 에서는 minzoom () {경우 (확대 < = 0) {확대 = 5;} {줌 = 5} 다른 $ ("#zoomdiv"). C SS ("확대", 확대/축소/10); } var inobj = null; Inputtime () {} 기능 < / 스크립트 >< 스타일 형식을 "Text/css" = > 몸 {여백: 0 0 0 0} 버튼 {패딩-탑: 3px;} 입력 {여백-위쪽 : 3px;} #ddiv {오버플로: 자동; 플 로트: 왼쪽; 너비: 800px; 높이: 300px} < / 스타일 >< / 헤드 > < 몸 >< 단추 onclick = "Addnewrow ();" > 추가 < / 버튼 >< 단추 onclick = "에서는 Maxzoom ();" > 확대 < / 버튼 >< 단추 onclick = "에서는 minzoom ();" > 줌 < / 버튼 >< div id = "Ddiv" >< div id = "Zoomdiv" >< 테이블 Id = "TT">< tbody >< / tbody >< / 테이블 >< 입력 유형 =" 버튼 "값 = "버튼" >< / div >< / div >< div id = "Timeseler" >< 선택 Id = "시간" >< 위한 스크립트 > (var i = 0; 나 < 24; i + +) {document.write ("< 옵션 >" + (나 < 10?) 0 "+ i": 나) + "< / 옵션 >"); } < / 스크립트 >< / >< 선택 id = "미니" >< (var에 대 한 스크립트 > i = 0; 난 < 60; i + +) {document.write ("< 옵션 >" + i < 10? 0 "+ i": 나) + "< / 옵션 >"); } < / 스크립트 >< / >< 선택 입력 유형 = "버튼" onclick = "Inputtime ();" 값 = "확인" >< / div >< div id = "div_animate" 스타일 = "폭: 100px; 높이: 100px 배경-색상: 빨강; " >< / div >< / 바디 >< / html >