图片预览功能.docVIP

图片预览功能 Index.html 页面代码 div id=dhtmltooltip height=250 width=250img src=//div script language=javascript src=jump.js/script STYLE type=text/css #dhtmltooltip { font-size: 9pt;BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 4px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120); VISIBILITY: hidden; PADDING-BOTTOM: 4px; BORDER-LEFT: gray 1px solid; WIDTH: 150px; PADDING-TOP: 0px; BORDER-BOTTOM: gray 1px solid; POSITION: absolute; BACKGROUND-COLOR: #cccccc } /STYLE span style=color:#FF0000 onMouseOver=javascript:ddrivetip(img width=246 src=Image/3.jpg,#ffffff, 246) onMouseOut=hideddrivetip()预览/span jump.js 页面代码 var offsetxpoint=-60 var offsetypoint=20 var ie=document.all var ns6=document.getElementById !document.all var enabletip=false if (ie||ns6) var tipobj=document.all? document.all[dhtmltooltip] : document.getElementById? document.getElementById(dhtmltooltip) : function ietruebody(){ return (patMode patMode!=BackCompat)? document.documentElement : document.body } function ddrivetip(thetext, thecolor, thewidth){ if (ns6||ie){ if (typeof thewidth!=undefined) tipobj.style.width=thewidth+px if (typeof thecolor!=undefined thecolor!=) tipobj.style.backgroundColor=thecolor tipobj.innerHTML=thetext enabletip=true return false } } function positiontip(e){ if (enabletip){ var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft; var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop; //Find out how close the mouse is to the corner of the window var rightedge=ie!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20 var bottomedge=ie!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20 var leftedge=(offsetxpoint0)? offsetxpoint*(-1) : -1000 //if the horizontal distance isnt enough to accomodate the width of the context menu if (rightedgetipobj.offsetWidth) //move the hori