背景値を手動で調整して背景色を決定します

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

<STYLE type=text/css>#floater { Z-INDEX: 10;左: 500ピクセル;可視性: 可視。幅: 125ピクセル;位置: 絶対的; TOP: 146px } </STYLE> <STYLE type=text/css> TD { FONT-SIZE: 9pt; LINE-HEIGHT: 11pt } </STYLE> </HEAD> <BODY > <DIV id=floater style="LEFT: 0px; WIDTH: 89px; TOP: 137px; HEIGHT: 40px"> <TABLE cellSpacing=0 cellPadding=0 width=75 bgColor=#0000ff border=1> <TR> <TD width=10><IMG id=fpAnimswapImgFP1 height=200 width=200 lowsrc=/img/200406301.jpg border=0 name=fpAnimswapImgFP1 Dynamicanimation= "fpAnimswapImgFP1"></TD> <TD align=middle width=30>网页 教学</TD></TR> </TABLE> </DIV> <SCRIPT language=JavaScript> self. onError=null;現在のX = 現在のY = 0;どれ = null; lastScrollX = 0; lastScrollY = 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(パーセント); else パーセント = Math.floor(パーセント); if(IE) document.all.floater.style.pixelTop += パーセント; if(NS) document.floater.top += パーセント; lastScrollY = lastScrollY + パーセント; if(diffX != lastScrollX) { パーセント = .1 * (diffX - lastScrollX); if(パーセント > 0) パーセント = Math.ceil(パーセント); else パーセント = Math.floor(パーセント); if(IE) document.all.floater.style.pixelLeft += パーセント; if(NS) document.floater.left += パーセント; lastScrollX = lastScrollX + パーセント; } }   function checkFocus(x,y) {talkerx = document.floater.pageX;ストーカリー = document.floater.pageY;ストーカー幅 = document.floater.clip.width;ストーカーハイト = document.floater.clip.height; if( (x > ストーカーx && x < (ストーカーx+ストーカー幅)) && (y > ストーカー && y < (ストーカー+ストーカー高さ))) true を返します。それ以外の場合は false を返します。 } 関数grabIt(e) { if(IE) { whatIt =event.srcElement; while (thisIt.id.indexOf("floater") == -1) {どれか = どれか.parentElement; if (thatIt == null) { true を返します。どのIt.style.pixelLeft = どのIt.offsetLeft;どのIt.style.pixelTop = どのIt.offsetTop; currentX = (event.clientX + document.body.scrollLeft); currentY = (event.clientY + document.body.scrollTop); } else { window.captureEvents(Event.MOUSEMOVE); if(checkFocus (e.pageX,e.pageY)) {どれか = document.floater; StalkerTouchedX = e.pageX-document.floater.pageX; StalkerTouchedY = e.pageY-document.floater.pageY; true を返します。 } function moveIt(e) { if (thatIt == 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; whatIt.style.pixelLeft += distanceX; whatIt.style.pixelTop += 距離Y; if(どれかIt.style.pixelTop < document.body.scrollTop)どれかIt.style.pixelTop = document.body.scrollTop; if(どれかIt.style.pixelLeft < document.body.scrollLeft)どれかIt.style.pixelLeft = document.body.scrollLeft; if(どれかIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft -どれかIt.style.pixelWidth - 20)どれかIt.style.pixelLeft = document.body.offsetWidth -どれかIt.style.pixelWidth - 20; if(thatIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whatIt.style.pixelHeight - 5) whatIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whatIt.style.ピクセル高さ - 5;イベント.returnValue = false; } else { whatIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); if(thatIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset; if(thatIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; if( (thisIt.left + whatIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whatIt.left = ((window.innerWidth+self.pageXOffset)-thatIt.clip.width)-17 ; if( (thisIt.top + whatIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whatIt.top = ((window.innerHeight+self.pageYOffset)-thatIt.clip.height)-17 ; false を返します。 falseを返します。 } //http://www.downcodes.com からのその他の JavaScript function DropIt() { whichIt = null; if(NS) window.releaseEvents (Event.MOUSEMOVE); true を返します。 }  if(NS) { window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); window.onmousedown = グラブイット; window.onmousemove = 移動します; window.onmouseup = ドロップイット; if(IE) { document.onmousedown =grabIt; document.onmousemove = 移動します; document.onmouseup = ドロップイット; if(NS || IE) アクション = 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>