用鼠標移動“透視”方格，可瀏覽隱藏圖像的局部。 安裝 步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。 <SCRIPT LANGUAGE="JavaScript"> var isNav, isIE var offsetX, offsetY var selectedObj var latu_width=64 var latu_height=64 var latu_startx=350 var latu_starty=180 var zuobian=latu_startx var shangbian=latu_starty var youbian=zuobian+latu_width var xiabian=shangbian+latu_height if (parseInt(navigator.appVersion) >= 4) { if (navigator.appName == "Netscape") { isNav = true } else { isIE = true } } function setZIndex(obj, zOrder) { obj.zIndex = zOrder } function shiftTo(obj, x, y) { if (isNav) { obj.moveTo(x,y) document.beijingtu.clip.top=y document.beijingtu.clip.left=x document.beijingtu.clip.bottom=y+latu_height document.beijingtu.clip.right=x+latu_width } else { shangbian=y zuobian=x xiabian=y+latu_height youbian=x+latu_width document.all.beijingtu.style.clip="rect("+shangbian+" "+youbian+" "+xiabian+" "+zuobian+")" obj.pixelLeft = x obj.pixelTop = y } } function setSelectedElem(evt) { if (isNav) { var testObj var clickX = evt.pageX var clickY = evt.pageY for (var i = document.layers.length - 1; i >= 0; i--) { testObj = document.layers[i] if ((clickX > testObj.left) && (clickX < testObj.left + testObj.clip.width) && (clickY > testObj.top) && (clickY < testObj.top + testObj.clip.height) && (testObj.name=="tuxiang1")) { selectedObj = testObj setZIndex(selectedObj, 100) return } } } else { var imgObj = window.event.srcElement if (imgObj.parentElement.id.indexOf("tuxiang") != -1) { selectedObj = imgObj.parentElement.style setZIndex(selectedObj,100) return } } selectedObj = null return } function dragIt(evt) { if (selectedObj) { if (isNav) { shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY)) } else { shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY)) return false } } } function engage(evt) { setSelectedElem(evt) if (selectedObj) { if (isNav) { offsetX = evt.pageX - selectedObj.left offsetY = evt.pageY - selectedObj.top } else { offsetX = window.event.offsetX offsetY = window.event.offsetY } } return false } function release(evt) { if (selectedObj) { setZIndex(selectedObj, 0) selectedObj = null } } function setNavEventCapture() { if (isNav) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP) } } function liulan() { if (isNav) { setNavEventCapture() } document.onmousedown = engage document.onmousemove = dragIt document.onmouseup = release if (document.all) { shangbian=latu_starty zuobian=latu_startx xiabian=shangbian+latu_height youbian=zuobian+latu_width document.all.tuxiang1.style.posLeft=latu_startx document.all.tuxiang1.style.posTop=latu_starty document.all.beijingtu.style.posLeft=0 document.all.beijingtu.style.posTop=0 document.all.beijingtu.style.clip="rect("+shangbian+" "+youbian+" "+xiabian+" "+zuobian+")" } if (document.layers) { document.beijingtu.clip.left=latu_startx document.beijingtu.clip.right=zuobian+latu_width document.beijingtu.clip.top=latu_starty document.beijingtu.clip.bottom=shangbian+latu_height document.tuxiang1.left=latu_startx document.tuxiang1.top=latu_starty document.beijingtu.left=0 document.beijingtu.top=0 } } </SCRIPT> 步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。 <DIV ID="beijingtu" style="position:absolute;left:0px;top:-3000px;"><IMG NAME="beijingtuxiang" SRC="tu.jpg"></DIV> <DIV ID="tuxiang1" style="position:absolute;left:0px;top:-3000px;"><IMG NAME="tuxiangpian1" SRC="jubu.gif"></DIV> 步驟三 把下列代碼放置在<body>標記內。 onLoad="liulan()" 樣板：<body onLoad="liulan()"> 步驟四 下載放置在有關網頁的同一文件夾內。
步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。
步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。
步驟三 把下列代碼放置在<body>標記內。
onLoad="liulan()"
樣板：
<body onLoad="liulan()">
步驟四 下載放置在有關網頁的同一文件夾內。
放置在有關網頁的同一文件夾內。