日本語
<!-- http://www.downcodes.com --> <!-- 完全なHTML代码如下: --> <html> <head> <title>跟随滚动条而滚動的广告条</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <STYLE media=screen type=text/css> #floater { 位置: 絶対;可視性: 可視。幅: 10ピクセル; Z-INDEX: 10 } </STYLE> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //Nav4 のサイズが変更された場合にウィンドウを再ロードします if (init==true) with (navigator) {if ( (appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); MM_reloadPage(true); // --> </script> </head> <body bgcolor="#FFFFFF" text="#000000" > <div id="floater" style="position:absolute; left:436px; top:60px;幅:152px; 高さ:178px; z-index:12"><img border=0 src="/u/info_img/2009-06/20/1455_logo.gif" title=怎么样看到效果了吧!>< /div> <SCRIPT 言語=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 + パーセント; } } <!-- /STALKER CODE --> <!-- DRAG DROP CODE ネズミ标拖放イベント --> 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を返します。関数dropIt() {どれか = null; if(NS) window.releaseEvents (Event.MOUSEMOVE); true を返します。 } <!-- DRAG DROP CODE ネズミ标拖放イベント--> 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> <font size="7" color="#FF0000">跟随滚動条而滚動的广告条</font><br> <font size="4" color="#FF0000">(跟随滚動の図層名:floater、この名前を使用する必要があります、それに伴う操作、および放出プロパティ) </font><br> <br> </body> </html>
