| 标题 | 可移动的图层 |
| 内容 | 1、将以下代码加入到heml的<head></head>之间： <style type=text/css> #floater { position: absolute; left: 500; top: 146; width: 125; visibility: visible; z-index: 10; }</style> ====2、将以下代码加入到heml的<body></body>之间 <div id=floater style=left: 590px; top: 158px> <p><img src=想要显示的图片.gif alt=图片显示的文字 width=125 height=60><br> <font color=#ff8040>图片下面的文字</font></p> </div><script language=javascript> self.onerror=null; currentx = currenty = 0; whichit = null; lastscrollx = 0; lastscrolly = 0; ns = (document.layers) ? 1 : 0; ie = (document.all) ? 1: 0; <!-- stalker code --> function heartbeat() { if(ie) { diffy = document.body.scrolltop; diffx = document.body.scrollleft; } if(ns) { diffy = self.pageyoffset; diffx = self.pagexoffset; } if(diffy != lastscrolly) { percent = .1 * (diffy - lastscrolly); if(percent > 0) percent = math.ceil(percent); else percent = math.floor(percent); if(ie) document.all.floater.style.pixeltop += percent; if(ns) document.floater.top += percent; lastscrolly = lastscrolly + percent; } if(diffx != lastscrollx) { percent = .1 * (diffx - lastscrollx); if(percent > 0) percent = math.ceil(percent); else percent = math.floor(percent); if(ie) document.all.floater.style.pixelleft += percent; if(ns) document.floater.left += percent; lastscrollx = lastscrollx + percent; } } <!-- /stalker code --> <!-- drag drop code --> function checkfocus(x,y) { stalkerx = document.floater.pagex; stalkery = document.floater.pagey; stalkerwidth = document.floater.clip.width; stalkerheight = document.floater.clip.height; if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true; else return false; } function grabit(e) { if(ie) { whichit = event.srcelement; while (whichit.id.indexof(floater) == -1) { whichit = whichit.parentelement; if (whichit == null) { return true; } } whichit.style.pixelleft = whichit.offsetleft; whichit.style.pixeltop = whichit.offsettop; currentx = (event.clientx + document.body.scrollleft); currenty = (event.clienty + document.body.scrolltop); } else { window.captureevents(event.mousemove); if(checkfocus (e.pagex,e.pagey)) { whichit = document.floater; stalkertouchedx = e.pagex-document.floater.pagex; stalkertouchedy = e.pagey-document.floater.pagey; } } return true; } function moveit(e) { if (whichit == null) { return false; } if(ie) { newx = (event.clientx + document.body.scrollleft); newy = (event.clienty + document.body.scrolltop); distancex = (newx - currentx); distancey = (newy - currenty); currentx = newx; currenty = newy; whichit.style.pixelleft += distancex; whichit.style.pixeltop += distancey; if(whichit.style.pixeltop < document.body.scrolltop) whichit.style.pixeltop = document.body.scrolltop; if(whichit.style.pixelleft < document.body.scrollleft) whichit.style.pixelleft = document.body.scrollleft; if(whichit.style.pixelleft > document.body.offsetwidth - document.body.scrollleft - whichit.style.pixelwidth - 20) whichit.style.pixelleft = document.body.offsetwidth - whichit.style.pixelwidth - 20; if(whichit.style.pixeltop > document.body.offsetheight + document.body.scrolltop - whichit.style.pixelheight - 5) whichit.style.pixeltop = document.body.offsetheight + document.body.scrolltop - whichit.style.pixelheight - 5; event.returnvalue = false; } else { whichit.moveto(e.pagex-stalkertouchedx,e.pagey-stalkertouchedy); if(whichit.left < 0+self.pagexoffset) whichit.left = 0+self.pagexoffset; if(whichit.top < 0+self.pageyoffset) whichit.top = 0+self.pageyoffset; if( (whichit.left + whichit.clip.width) >= (window.innerwidth+self.pagexoffset-17)) whichit.left = ((window.innerwidth+self.pagexoffset)-whichit.clip.width)-17; if( (whichit.top + whichit.clip.height) >= (window.innerheight+self.pageyoffset-17)) whichit.top = ((window.innerheight+self.pageyoffset)-whichit.clip.height)-17; return false; } return false; } function dropit() { whichit = null; if(ns) window.releaseevents (event.mousemove); return true; } <!-- drag drop code --> if(ns) { window.captureevents(event.mouseup|event.mousedown); window.onmousedown = grabit; window.onmousemove = moveit; window.onmouseup = dropit; } if(ie) { document.onmousedown = grabit; document.onmousemove = moveit; document.onmouseup = dropit; } if(ns || ie) action = window.setinterval(heartbeat(),1); </script> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。