手動調整背景的取值來決定背景的顏色

作者：Eve Cole 更新時間：2009-06-20 15:47:18

<STYLE type=text/css>#floater { Z-INDEX: 10;左：500 像素；可見性：可見；寬度：125 像素；位置：絕對；上：146px } </STYLE> <STYLE type=text/css> TD { 字體大小：9pt; LINE-HEIGHT: 11pt } </STYLE> </HEAD> <BODY > <DIV id=floater style="LEFT: 0px; WIDTH: 89px; TOP: 137px; HEIGHT: 40px"> <TABLE cellSpacing=0 Padding=0 Padding=000x寬度=75 bgColor=#0000ff 邊框=1> <TR> <TD 寬度=10><IMG id=fpAnimswapImgFP1 高度=200 寬度=200 lowsrc=/img/200406301.jpg 邊框名稱動態動畫= "fpAnimswapImgFP1"></TD> <TDalign=middle width=30>網頁 教學</TD></TR> </TABLE> </DIV> <SCRIPT language= JavaScript> self. onError=空；當前X = 當前Y = 0；它 = null;最後捲動X = 0;最後捲動Y = 0; NS = (文件.層) ? 1：0； IE = (文檔.全部) ? 1：0；  function heartBeat() { if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } if(diffY != lastScrollY) { 百分比 = .1 * (diffY - lastScrollY); if(百分比 > 0) 百分比 = Math.ceil(百分比);否則百分比 = Math.floor(百分比); if(IE) document.all.floater.style.pixelTop += 百分比； if(NS) document.floater.top += 百分比；最後滾動Y = 最後滾動Y + 百分比； } if(diffX != lastScrollX) { 百分比 = .1 * (diffX - lastScrollX); if(百分比 > 0) 百分比 = Math.ceil(百分比);否則百分比 = Math.floor(百分比); if(IE) document.all.floater.style.pixelLeft += 百分比； if(NS) document.floater.left += 百分比；最後滾動X = 最後滾動X + 百分比； } }   function checkFocus(x,y) { stalkerx = document.floater.pageX;跟踪 = document.floater.pageY; stalkerwidth = document.floater.clip.width; stalkerheight = document.floater.clip.height; if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) 回傳 true;否則返回 false； } 函式grabIt(e) { if(IE) { whichIt = event.srcElement; while (whichIt.id.indexOf("floater") == -1) { whichIt = whichIt.parentElement; if (whichIt == null) { 回傳 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;返回真； } function moveIt(e) { if (whichIt == null) { return false; } } if(IE) { newX = (event.clientX + document.body.scrollLeft); newY = (event.clientY + document.body.scrollTop);距離X = (新X - 目前X);距離Y = (新Y - 目前Y);當前X = 新X;當前Y = 新Y； 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 -wixdistyle. if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop -whichIt.style.pixelHeight - 5)whichIt.style.pixelTop = document.body.offsetHeight + document.body.rollTTop。像素高度- 5；事件.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.widIt.clip.width)-177. ; if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17 ;返回假；返回假； } //來自 http://www.downcodes.com 的更多 javascript function dropIt() {whichIt = null; if(NS) window.releaseEvents (Event.MOUSEMOVE);返回真； }  if(NS) { window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); window.onmousedown = 抓住它； window.onmousemove = moveIt; window.onmouseup = dropIt; } if(IE) { document.onmousedown = scrapIt; document.onmousemove = moveIt; document.onmouseup = dropIt; } if(NS || IE) action = window.setInterval("heartBeat()",1); </SCRIPT> e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e >e e e e e e e e e e e e e e e e e e e e e e e e e >e e e e e e e e e e e </BODY></ HTML>