跟随滚动条而滚动的广告条

今天是：

首页 ┆ 信息查询 ┆ 网站SEO查询工具 ┆ CSS编辑器 ┆ 建站素材

软件新闻

操作系统

Vista Winxp Win2003 Linux Windows综合

工具软件

系统工具媒体工具网络工具杀毒软件聊天

软件开发

C教程 C++ Java C# ASP.NET JSP PHP

数据库

Oracle MySQL DB2 SQL Server Sybase

安全

网络病毒

办公应用

Word Excel Powerpoint Outlook 其他

平面设计

Photoshop Fireworks Coreldraw Flash Illustrator 3dsmax

网站运营

网站运营网站优化网站策划策划书下载建站心得站长故事网站盈利网页制作网页特效 建站素材 免费资源 QQ频道

当前位置：首页 >> 网页特效 >> 图形图象 >> 跟随滚动条而滚动的广告条

发布于2005-11-07 20:14 来源：网海拾贝

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>跟随滚动条而滚动的广告条</TITLE>

<title>跟随滚动条而滚动的广告条</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE media=screen type=text/css>
#floater {
         POSITION: absolute; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 10
          }
</STYLE>
<script language="Javascript">

</script>

</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000">

<div id="floater" style="position:absolute; left:436px; top:60px; width:152px; height:178px; z-index:12"><img border=0 src=http://www.webasp.net/javascript/1/"/images/logo.gif" title=怎么样看到效果了吧!></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;
     
     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;
         }    
     }
     
     
     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;
     }
     
     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>
<font size="7" color="#FF0000">跟随滚动条而滚动的广告条</font><br>
<font size="4" color="#FF0000">(跟随滚动的图层名字:floater,必须使用该名称，跟随滚动，以及拖放属性) </font><br>
  <br>

</BODY></HTML>

<title>跟随滚动条而滚动的广告条</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE media=screen type=text/css>
#floater {
POSITION: absolute; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 10
}
</STYLE>
<script language="Javascript">

</script>




<BODY bgcolor="#FFFFFF" text="#000000">




<div id="floater" style="position:absolute; left:436px; top:60px; width:152px; height:178px; z-index:12"><img border=0 src=http://www.webasp.net/javascript/1/"/images/logo.gif" title=怎么样看到效果了吧!></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;

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;
}
}


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;
}

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>
<font size="7" color="#FF0000">跟随滚动条而滚动的广告条</font><br>
<font size="4" color="#FF0000">(跟随滚动的图层名字:floater,必须使用该名称，跟随滚动，以及拖放属性) </font><br>
<br>

中查找“跟随滚动条而滚动的广告条”更多相关内容

中查找“跟随滚动条而滚动的广告条”更多相关内容

上一篇：图像循环明暗变化
下一篇：漂浮的广告代码