所有  育婴常识  文学故事  建站教程  幽默笑话  菜谱 
这篇不太合适?↑↑重新搜索一下看看。↑↑
[Javascript]javascript模拟acdsee简单功能

Root In:http://www.knowsk...com/302642.html    Add Time:2006-2-19 11:57:12    Click Count:2692


文章来自:http://www.pyzy.net简单的放大缩小,显示坐标功能。
文章来自:http://www.pyzy.net-------------------------------------
文章来自:http://www.pyzy.net演示代码:
文章来自:http://www.pyzy.net-------------------------------------
文章来自:http://www.pyzy.net<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
文章来自:http://www.pyzy.net<HTML>
文章来自:http://www.pyzy.net<HEAD>
文章来自:http://www.pyzy.net<TITLE> Document </TITLE>
文章来自:http://www.pyzy.net<style type="text/css">
文章来自:http://www.pyzy.netbody{
文章来自:http://www.pyzy.net padding : 0px ;
文章来自:http://www.pyzy.net margin : 0px;
文章来自:http://www.pyzy.net background-color : #999999 ;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net.DivMain {
文章来自:http://www.pyzy.net position : absolute ;
文章来自:http://www.pyzy.net text-align : center ;
文章来自:http://www.pyzy.net overflcolor=red>ow : hidden ;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net.DivMenu {
文章来自:http://www.pyzy.net position : absolute ;
文章来自:http://www.pyzy.net text-align : left ;
文章来自:http://www.pyzy.net overflcolor=red>ow : hidden ;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net.ImgMain {
文章来自:http://www.pyzy.net position : absolute ;
文章来自:http://www.pyzy.net overflcolor=red>ow : hidden ;
文章来自:http://www.pyzy.net border : 0px ;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net.TBMain {
文章来自:http://www.pyzy.net background-color : #CCCCCC ;
文章来自:http://www.pyzy.net padding : 0px ;
文章来自:http://www.pyzy.net border : 0px ;
文章来自:http://www.pyzy.net z-index : 99 ;
文章来自:http://www.pyzy.net line-height : 18px ;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net.TBMenu {
文章来自:http://www.pyzy.net background-color : #FFCCCC ;
文章来自:http://www.pyzy.net padding : 0px ;
文章来自:http://www.pyzy.net border : 0px ;
文章来自:http://www.pyzy.net z-index : 99 ;
文章来自:http://www.pyzy.net color: #000000 ;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net.HrScroll {
文章来自:http://www.pyzy.net margin : 0px;
文章来自:http://www.pyzy.net background-color : #FFFFFF ;
文章来自:http://www.pyzy.net padding : 0px ;
文章来自:http://www.pyzy.net border : 0px ;
文章来自:http://www.pyzy.net z-index : 99 ;
文章来自:http://www.pyzy.net color : #000000 ;
文章来自:http://www.pyzy.net border-spacing : 0px;
文章来自:http://www.pyzy.net width : 160px ;
文章来自:http://www.pyzy.net height : 10px ;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net</style>
文章来自:http://www.pyzy.net<SCRIPT LANGUAGE="JavaScript">
文章来自:http://www.pyzy.net<!--
文章来自:http://www.pyzy.net var originalWidth ;
文章来自:http://www.pyzy.net var originalHeight ;
文章来自:http://www.pyzy.net var objDivMain ;
文章来自:http://www.pyzy.net var objTbMain ;
文章来自:http://www.pyzy.net var objImg ;
文章来自:http://www.pyzy.net var ObjDrag ;
文章来自:http://www.pyzy.net var objDivMenu ;
文章来自:http://www.pyzy.net var objTbMemu ;
文章来自:http://www.pyzy.net var objbtnImgInfo ;
文章来自:http://www.pyzy.net var objDivFlag;
文章来自:http://www.pyzy.net var objHrScroll;
文章来自:http://www.pyzy.net var oRcts ;
文章来自:http://www.pyzy.net var oTextRange ;
文章来自:http://www.pyzy.netfunction setInit(obj) {
文章来自:http://www.pyzy.net objDivMain = document.getElementById("divMain") ;
文章来自:http://www.pyzy.net objTbMain = document.getElementById("TbMain") ;
文章来自:http://www.pyzy.net objDivMenu = document.getElementById("DivMenu") ;
文章来自:http://www.pyzy.net objTbMenu = document.getElementById("TbMenu") ;
文章来自:http://www.pyzy.net objImg = document.getElementById("imgMain") ;
文章来自:http://www.pyzy.net objbtnImgInfo = document.getElementById("btnImgInfo") ;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net objDivFlag = document.getElementById("DivFlag");
文章来自:http://www.pyzy.net objHrScroll = document.getElementById("HrScroll");
文章来自:http://www.pyzy.net originalWidth = obj.width;
文章来自:http://www.pyzy.net originalHeight = obj.height;
文章来自:http://www.pyzy.net objImg.style.width = originalWidth;
文章来自:http://www.pyzy.net objImg.style.height = originalHeight;
文章来自:http://www.pyzy.net fmImgZoom.FitScreencolor=red>.click();
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction setFitScreen() {
文章来自:http://www.pyzy.net initImg(objImg);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction setOriginal() {
文章来自:http://www.pyzy.net var intBodyWidth ;
文章来自:http://www.pyzy.net var intBodyHeight ;
文章来自:http://www.pyzy.net intBodyWidth = document.bodcolor=red>y.clientWidth ;
文章来自:http://www.pyzy.net intBodyHeight = document.bodcolor=red>y.clientHeight ;
文章来自:http://www.pyzy.net objImg.style.left = 0 ;
文章来自:http://www.pyzy.net objImg.style.top = 0 ;
文章来自:http://www.pyzy.net objImg.style.width = originalWidth;
文章来自:http://www.pyzy.net objImg.style.height = originalHeight;
文章来自:http://www.pyzy.net objImg.style.zoom = 1 ;
文章来自:http://www.pyzy.net objDivMain.style.width = intBodyWidth ;
文章来自:http://www.pyzy.net objDivMain.style.height = intBodyHeight - objTbMaincolor=red>.clientHeight;
文章来自:http://www.pyzy.net fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction initImg(objCurrent) {
文章来自:http://www.pyzy.net var intBodyWidth ;
文章来自:http://www.pyzy.net var intBodyHeight ;
文章来自:http://www.pyzy.net intBodyWidth = document.bodcolor=red>y.clientWidth ;
文章来自:http://www.pyzy.net intBodyHeight = document.bodcolor=red>y.clientHeight ;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net objTbMain.style.top = 0;
文章来自:http://www.pyzy.net objTbMain.style.height = 20;
文章来自:http://www.pyzy.net objTbMain.style.width = intBodyWidth;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net objDivMain.style.left = 0 ;
文章来自:http://www.pyzy.net objDivMain.style.height = intBodyHeight - objTbMaincolor=red>.clientHeight;
文章来自:http://www.pyzy.net objDivMain.style.width = intBodyWidth ;
文章来自:http://www.pyzy.net initZoom(objCurrent);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction initZoom(obj){
文章来自:http://www.pyzy.net var intObjWidth ;
文章来自:http://www.pyzy.net var intObjHeight ;
文章来自:http://www.pyzy.net var intDivHeight ;
文章来自:http://www.pyzy.net var intZoomRatio ;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net intDivHeight = objDivMain.style.pixelHeight;
文章来自:http://www.pyzy.net intObjHeight = obj.style.pixelHeight;
文章来自:http://www.pyzy.net intZoomRatio = intDivHeight / intObjHeight;
文章来自:http://www.pyzy.net obj.style.zoom = intZoomRatio ;
文章来自:http://www.pyzy.net obj.style.top = 0;
文章来自:http://www.pyzy.net obj.style.left = 0;
文章来自:http://www.pyzy.net fnWritePos (obj.style.left,obj.style.top,obj.style.zoom) ;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnMouseDcolor=red>own(obj) {
文章来自:http://www.pyzy.net ObjDrag=obj;
文章来自:http://www.pyzy.net ObjDrag.setCapture();
文章来自:http://www.pyzy.net ObjDrag.l=event.x-ObjDrag.style.pixelLeft;
文章来自:http://www.pyzy.net ObjDrag.t=event.y-ObjDrag.style.pixelTop;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnMouseMove() {
文章来自:http://www.pyzy.net if(ObjDrag!=null) {
文章来自:http://www.pyzy.net ObjDrag.style.left = event.x-ObjDrag.l;
文章来自:http://www.pyzy.net ObjDrag.style.top = event.y-ObjDrag.t;
文章来自:http://www.pyzy.net fnWritePos(ObjDrag.style.left,ObjDrag.style.top,ObjDrag.style.zoom);
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnMouseUp() {
文章来自:http://www.pyzy.net if(ObjDrag!=null) {
文章来自:http://www.pyzy.net ObjDrag.releaseCapture();
文章来自:http://www.pyzy.net ObjDrag=null;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnZoomIn() {
文章来自:http://www.pyzy.net objImg.style.zoom = parseFloat(objImg.style.zoom) + 0.01 ;
文章来自:http://www.pyzy.net fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnZoomOut() {
文章来自:http://www.pyzy.net if(objImg.style.zoom>0.01){
文章来自:http://www.pyzy.net objImg.style.zoom = parseFloat(objImg.style.zoom) - 0.01 ;
文章来自:http://www.pyzy.net fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnDivMouseDcolor=red>own() {
文章来自:http://www.pyzy.net if ( event.button == 2 && event.srcElement.id != "imgMain") {
文章来自:http://www.pyzy.net objDivMenu.style.top = event.y;
文章来自:http://www.pyzy.net objDivMenu.style.left = event.x;
文章来自:http://www.pyzy.net objDivMenu.style.visibility = "";
文章来自:http://www.pyzy.net oTextRange = objHrScrollcolor=red>.createTextRange() ;
文章来自:http://www.pyzy.net oRcts = oTextRange.getClientRects();
文章来自:http://www.pyzy.net oBndRct = objDivFlag.getBoundingClientRect();
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net objDivFlag.style.top = oRcts[0].top;
文章来自:http://www.pyzy.net objDivFlag.style.left = oRcts[0].left + parseInt(objImg.style.zoom * 10) ;
文章来自:http://www.pyzy.net objDivFlag.style.visibility = "";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net if ( event.button == 1 && event.srcElement.id != "imgMain") {
文章来自:http://www.pyzy.net objDivMenu.style.visibility = "hidden";
文章来自:http://www.pyzy.net objDivFlag.style.visibility = "hidden";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnWritePos(intLeft,intTop,intZoom) {
文章来自:http://www.pyzy.net objbtnImgInfo.innerText = " ImgLeft:" + intLeft + " ImgTop:" + intTop + " ImgZoom:" + intZoom ;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnSlipMouseDcolor=red>own(obj) {
文章来自:http://www.pyzy.net ObjDrag=obj;
文章来自:http://www.pyzy.net ObjDrag.setCapture();
文章来自:http://www.pyzy.net ObjDrag.l = event.x - ObjDrag.style.pixelLeft;
文章来自:http://www.pyzy.net ObjDrag.t = ObjDrag.style.pixelTop;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnSlipMouseMove() {
文章来自:http://www.pyzy.net if(ObjDrag!=null) {
文章来自:http://www.pyzy.net if(event.x >= oRcts[0].left && event.x <= oRcts[0].right ){
文章来自:http://www.pyzy.net ObjDrag.style.left = event.x - objDivFlag.offsetWidth / 2;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net ObjDrag.t = ObjDrag.style.pixelTop;
文章来自:http://www.pyzy.net var intCurrentPos = ObjDrag.style.pixelLeft - oRcts[0].left + objDivFlag.offsetWidth / 2;
文章来自:http://www.pyzy.net var intPicZoom = intCurrentPos / 10;
文章来自:http://www.pyzy.net objImg.style.zoom = intPicZoom;
文章来自:http://www.pyzy.net fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnSlipMouseUp() {
文章来自:http://www.pyzy.net if(ObjDrag!=null) {
文章来自:http://www.pyzy.net ObjDrag.releaseCapture();
文章来自:http://www.pyzy.net ObjDrag=null;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netfunction setDisplay() {
文章来自:http://www.pyzy.net if(objImg.style.visibility == ""){
文章来自:http://www.pyzy.net objImg.style.visibility = "hidden";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net else{
文章来自:http://www.pyzy.net objImg.style.visibility = "";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.netfunction fnContextMenu() {
文章来自:http://www.pyzy.net windocolor=red>w.event.returnValue=false;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net//-->
文章来自:http://www.pyzy.net</SCRIPT>
文章来自:http://www.pyzy.net</HEAD>
文章来自:http://www.pyzy.net<BODY oncontextmenu="fnContextMenu()">
文章来自:http://www.pyzy.net<form name="fmImgZoom">
文章来自:http://www.pyzy.net<TABLE id="tbMain" class="TBMain">
文章来自:http://www.pyzy.net<TR>
文章来自:http://www.pyzy.net <TD>
文章来自:http://www.pyzy.net <input type="button" name="ZoomIn" value="ZoomIn" onclick="fnZoomIn()">
文章来自:http://www.pyzy.net <input type="button" name="ZoomOut" value="ZoomOut" onclick="fnZoomOut()">
文章来自:http://www.pyzy.net <input type="button" name="Original" value="Original" onclick="setOriginal()">
文章来自:http://www.pyzy.net <input type="button" name="FitScreen" value="FitScreen" onclick="setFitScreen()">
文章来自:http://www.pyzy.net <input type="button" name="btnView" value="hide/view" onclick="setDisplay()">
文章来自:http://www.pyzy.net <input id="btnImgInfo" size="50">
文章来自:http://www.pyzy.net </TD>
文章来自:http://www.pyzy.net</TR>
文章来自:http://www.pyzy.net</TABLE>
文章来自:http://www.pyzy.net<div id="divMain" class="DivMain" onmousedcolor=red>own="fnDivMouseDcolor=red>own()"><img src="http://color=red>color=red>wwcolor=red>w.dayu88.net/images/22.jpg" id="imgMain" class="imgMain" onload="setInit(this)" onmousedcolor=red>own="fnMouseDcolor=red>own(this)" onmousemove="fnMouseMove()" onmouseup="fnMouseUp()" ></div>
文章来自:http://www.pyzy.net<div id="divMenu" class="DivMenu" style="visibility:hidden">
文章来自:http://www.pyzy.net<TABLE class="TBMenu">
文章来自:http://www.pyzy.net<TR>
文章来自:http://www.pyzy.net <TD>10%</TD>
文章来自:http://www.pyzy.net <TD><button id="HrScroll" class="HrScroll"><hr color=red>noshade></button> </TD>
文章来自:http://www.pyzy.net <TD>1600%</TD>
文章来自:http://www.pyzy.net</TR>
文章来自:http://www.pyzy.net</TABLE>
文章来自:http://www.pyzy.net</div>
文章来自:http://www.pyzy.net<DIV ID="DivFlag" STYLE="position:absolute;visibility:hidden;width:1px;height:10px;z-index:99" onmousedcolor=red>own="fnSlipMouseDcolor=red>own(this)" onmousemove="fnSlipMouseMove()" onmouseup="fnSlipMouseUp()" onmouseover="this.stylecolor=red>.cursor ='hand'" onmouseout="this.stylecolor=red>.cursor=''">↑</DIV>
文章来自:http://www.pyzy.net</form>
文章来自:http://www.pyzy.net</BODY>
文章来自:http://www.pyzy.net</HTML>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net


上一篇:[Javascript]实现textarea内字符串选择查询替换功能   下一篇:[Javascript]一个解析url及图片地址的js函数

本站所有文章均为系统从互联网自动获取、分析后入库,文章内容不代表本站立场;

本程序及文章内容仅供学习之用,所有的资料和图象均以获得信息为目的;所有的资料和图象均不得用于商业目的;

本网站(PYZY.net)所有的内容中若涉及您的权益请及时与俺联系QQ:33918148。