把鼠標按在上圖的右下角，可任意改變圖像大小。 安裝： 步驟一 拷貝以下腳本後貼在有關網頁的 HEAD 之中。 <SCRIPT LANGUAGE="JavaScript"> // 採用的圖像文件名 // as the script) var imgsrc="maha_c.jpg" // 所採用圖像的寬度和高度 var resizeimg_width=500 var resizeimg_height=257 // 圖像與屏幕左端的距离(像素值) var resizeimg_startx=140 // 圖像與屏幕頂端的距离(像素值) var resizeimg_starty=180 // 圖像于開始顯示時與原來大小的比例 // 2表示縮二分一，3表示縮三分一，依此類推 var startsize=4 // 以下免動 var gripimg_startx=Math.ceil(resizeimg_width/startsize)+resizeimg_startx-15 var gripimg_starty=Math.ceil(resizeimg_height/startsize)+resizeimg_starty-15 var preloadimg=new Image() preloadimgsrc=imgsrc var isNav, isIE var offsetX, offsetY var selectedObj 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) { if (document.layers) { document.resizeimagediv.document.write("<img src="+imgsrc+" width="+(-resizeimg_startx+x+15)+" height="+(-resizeimg_starty+y+15)+">") document.resizeimagediv.document.close() } document.gripimagediv.left=x document.gripimagediv.top=y } else { resizeimagediv.innerHTML="<img src="+imgsrc+" width="+(-resizeimg_startx+x+15)+" height="+(-resizeimg_starty+y+15)+">" document.all.gripimagediv.style.posLeft=x document.all.gripimagediv.style.posTop=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=="gripimagediv")) { selectedObj = testObj setZIndex(selectedObj, 100) return } } } else { var imgObj = window.event.srcElement if (imgObj.parentElement.id.indexOf("gripimage") != -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 init() { if (isNav) { setNavEventCapture() } document.onmousedown = engage document.onmousemove = dragIt document.onmouseup = release if (document.all) { resizeimagediv.innerHTML="<img src="+imgsrc+" width="+Math.ceil(resizeimg_width/startsize)+">" document.all.resizeimagediv.style.posLeft=resizeimg_startx document.all.resizeimagediv.style.posTop=resizeimg_starty document.all.gripimagediv.style.posLeft=gripimg_startx document.all.gripimagediv.style.posTop=gripimg_starty } if (document.layers) { document.resizeimagediv.document.write("<img src="+imgsrc+" width="+Math.ceil(resizeimg_width/startsize)+">") document.resizeimagediv.document.close() document.resizeimagediv.left=resizeimg_startx document.resizeimagediv.top=resizeimg_starty document.gripimagediv.left=gripimg_startx document.gripimagediv.top=gripimg_starty } } // - End of JavaScript - --> </SCRIPT> <style type="text/css"> A, A:Visited, A:Active { color:FFFFFF; } A:Hover { color:FF0000; } .baselinestyle { position: absolute; left:10px; top:180px; font-size:8pt; font-family:Verdana; color:FFFFFF; } </STYLE> 步驟二 拷貝以下代碼加在<body>之內。 onLoad="init()" 步驟三 拷貝以下腳本貼在<body>與</body>之間，您要用到它的部位。 <DIV ID="resizeimagediv" style="position:absolute;top:-3000px;"></DIV> <DIV ID="gripimagediv" style="position:absolute;top:-3000px;"><IMG NAME="gripimage" SRC="jiao.gif"></DIV>
安裝：
步驟一 拷貝以下腳本後貼在有關網頁的 HEAD 之中。
步驟二 拷貝以下代碼加在<body>之內。
onLoad="init()"
步驟三 拷貝以下腳本貼在<body>與</body>之間，您要用到它的部位。
