📄 zoom.js
字号:
/*
*******************************
#Document magnifying script
#Writen by Christian Patzer
#cpatzer@hotmail.com
#For this script and more, visit http://www.dynamicdrive.com
*******************************
*/
//configure iframe src no script include tag
var iframeSrc = "zoom.html";
//DO NOT EDIT BELOW THIS LINE
//-------------------------------------
var tempY,tempX,initialized,X,Y;
var ie55 = false;
var firstTableWidth;
if(navigator.appVersion.indexOf("MSIE 5.5") != -1){
ie55 = true;
}
else{
ie55 = false;
}
zoomBoxHTML = "<div id=\"zoomBox\" style=\"position:absolute;left:0;top:0\">";
zoomBoxHTML += "<table border=\"1\" width=100 height=120 bgcolor=\"#EEEEEE\" cellspacing=\"0\" cellpadding=\"0\" bordercolor=black>";
zoomBoxHTML += "<tr>";
zoomBoxHTML += "<td bgcolor=\"#EEEEEE\" colspan=2 align=center>";
zoomBoxHTML += "<iframe src=-+iframeSrc+- name=zoom border=0 width=150 height=100 style=\"padding:0px;border:0px;\"></iframe>";
zoomBoxHTML += "</td>";
zoomBoxHTML += "</tr>";
zoomBoxHTML += "<tr>";
zoomBoxHTML += "<td onMouseDown=\"initXY();\" onMouseUp=\"disable();\" style=\"cursor:hand;color:darkblue;font-weight:bold;font-family:arial\" align=center>Magnifier</td>";
zoomBoxHTML += "<td style=\"cursor:hand\" align=center valign=middle><img src=zoomin.gif onClick=zoomIn()><img src=zoomout.gif onClick=zoomOut()><img src=x.gif onClick=hideZoomBox(); align=absmiddle></td>";
zoomBoxHTML += "</tr>";
zoomBoxHTML += "</table>";
zoomBoxHTML += "</div>";
if(ie55 == true){
document.write(zoomBoxHTML);
}
function moveZoomBox(){
if(initialized==true){
zoomBox.style.pixelLeft=tempX+event.clientX-X;
zoomBox.style.pixelTop=tempY+event.clientY-Y;
document.frames.zoom.scrollTo(tempX+event.clientX-X+0,tempY+event.clientY-Y+0);
return false;
}
}
function initXY(){
X=event.clientX;
Y=event.clientY;
document.body.onselectstart=new Function("return false")
tempX=zoomBox.style.pixelLeft;
tempY=zoomBox.style.pixelTop;
initialized=true;
document.onmousemove=moveZoomBox;
}
function resize(){
if(ie55 == true){
zoomBox.style.pixelLeft=0;
zoomBox.style.pixelTop=0;
document.frames.zoom.scrollTo(0,0);
if(document.frames.zoom.document.all.tags("TABLE")[1]){
inTableWidth = firstTableWidth;
if(inTableWidth == ""){
document.frames.zoom.document.all.tags("TABLE")[1].width=document.body.offsetWidth-40;
}
if(inTableWidth.indexOf("%") != -1){
inTableIntWidth = parseInt(inTableWidth);
if(inTableIntWidth != 100){
inTableIntWidth = "0."+inTableIntWidth;
doMath = parseFloat(inTableIntWidth);
document.frames.zoom.document.all.tags("TABLE")[1].width=document.body.offsetWidth-40;
document.frames.zoom.document.all.tags("TABLE")[1].width=document.frames.zoom.document.all.tags("TABLE")[1].width*doMath;
}
else{
document.frames.zoom.document.all.tags("TABLE")[1].width=document.body.offsetWidth-40;
}
}
}
}
}
function init(){
if(ie55 == true){
var HTMLtoGrab = document.all.tags("HTML")[0].innerHTML;
var HTMLtoWrite = HTMLtoGrab.replace(/<script language=javascript src=zoom.js><\/script>/i,"");
var HTMLtoWrite = "<HTML>"+HTMLtoWrite+"</HTML>";
document.frames.zoom.document.all.writeToMe.outerHTML = HTMLtoWrite;
document.frames.zoom.document.all.zoomBox.style.visibility="hidden";
document.frames.zoom.document.body.scroll='no';
document.frames.zoom.document.body.style.zoom=1.6;
document.frames.zoom.scrollTo(0,0);
if(document.frames.zoom.document.all.tags("TABLE")[1]){
firstTableWidth = document.frames.zoom.document.all.tags("TABLE")[1].width;
}
resize();
}
}
function zoomIn(){
if(document.frames.zoom.document.body.style.zoom!=0) {
document.frames.zoom.document.body.style.zoom*=1.6;
document.frames.zoom.document.body.scrollLeft = document.all.zoomBox.style.pixelLeft;
}
else{
document.frames.zoom.document.body.scrollLeft = document.all.zoomBox.style.pixelLeft;
document.frames.zoom.document.body.style.zoom=1.6;
}
}
function zoomOut(){
if(document.frames.zoom.document.body.style.zoom!=0){
document.frames.zoom.document.body.style.zoom*=0.625;
}
else{
document.frames.zoom.document.body.style.zoom=0.625;
}
}
function hideZoomBox(){
zoomBox.style.visibility="hidden";
}
function showZoomBox(){
zoomBox.style.visibility="visible";
}
function disable(){
document.body.onselectstart=new Function("return true")
initialized=false;
}
window.onload=init;
window.onresize=resize;
document.onmouseup=disable;
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -