PDA

查看完整版本 : 随屏滚动的广告条


kjl
2007-07-15, 05:19 PM
做网站需要一个随着屏幕上下滚动的广告条,在网上搜索了一下,有一些比较的适合,下面的代码就是,不过我更需要的是能在某一特定的区域内随屏幕上下滚动的广告条,不知道哪位大大能提供一点帮助?
<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 = 0;
}
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.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
//-->
</script>

青狼
2007-07-15, 05:33 PM
這應該不是完整程式碼吧? 他應該還有一段秀出的程式碼!

用DIV包住看看
<div style="position:absolute; left: 210px; top: 300px;">
內容
</div>

kjl
2007-07-15, 06:22 PM
青狼兄说得对,的确还有一段<div id=floater style="position:absolute; left:865px; top:100px; width:92px; height:224px; z-index:10">内容</div>的代码,但我使用过div和表格的方式都不能把漂浮的区域限定在一个范围内,所以我怀疑是不是java脚本的问题?

青狼
2007-07-16, 12:23 AM
你所謂的固定是說.例如只讓他在畫面右上1/4浮動嗎?
如果是這樣應該是沒辦法.因為他不是隨卷軸滾動
更精確地說他應該算是固定在畫面的某個座標!只是用漂浮的方式跑回原位
所以當你捲軸拉的比較快時.他自然會跑到下方!

kjl
2007-07-16, 01:18 AM
hmmm,是这样,可否也随滚动条来滚动,但是到了一个顶部或底部的边界就不太滚动了~~~可以看看我的这个页面 http://mw.lamost.org/bencandy.php?fid=11&aid=4 当滚动条拉到下面的时候,广告就超出了边界了~~~