在網上找了好多，不是不能滾動，就是寫的比較復雜，下面這個感覺還不錯
以下為js代碼 ,保存名稱與調用名稱相同 ,此處采用ad.js:
?1
//?這是關閉飄浮廣告的寬度，請根據你的廣告內容而定
?2var?hbcms_ad_width?=?100;
?3
?4//?這是關閉飄浮廣告的代碼，可以換成圖片，點擊即可關閉
?5var?hbcms_close_str?=?'<div?onClick="closeBanner();"?style="color:gray;font-size:10pt;cursor:hand;text-align:center;width:100%;background-color:?#efefef;line-height:200%">關閉</div>';
?6
?7//?設置左邊的廣告代碼,請自己更換圖片地址，或換成flash，或換成純文字
?8//?如果不希望顯示左邊的廣告，可設置為???=?'';
?9
10//src為flash路徑
11var?hbcms_left_ad?=?'<embed?src="c.swf"?width="100"?height="300"?quality="high"?wmode="window"></embed>'?+?hbcms_close_str;
12
13
14//?設置右邊的廣告代碼,如果要和左邊的廣告一致，可設為?=?hbcms_left_ad;
15//?如果不希望顯示右邊的廣告，可設置為?=?'';
16var?hbcms_right_ad?=?'<embed?src="c.swf"?width="100"?height="300"?quality="high"?wmode="window"></embed>'?+?hbcms_close_str;
17
18
19var?delta=0.8;
20var?collection;
21var?closeB=false;
22
23
function?floaters()?
{
24
this.items?=?[];
25this.addItem?=?function(id,x,y,content)
26
??????{
27?????document.write('<DIV?id='+id+'?style="Z-INDEX:?10;?POSITION:?absolute;???width:'+hbcms_ad_width+'px;?height:300px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
28????
29?????var?newItem?????=?{};
30?????newItem.object????=?document.getElementById(id);
31?????newItem.x?????=?x;
32?????newItem.y?????=?y;
33
34?????this.items[this.items.length]???=?newItem;
35
??????}
36this.play?=?function()
37??????{
38?????collection?????=?this.items
39?????setInterval('play()',30);
40??????}
41
}
42
43
44function?play()
45{
46???if(screen.width<=800?||?closeB)
47???{
48????for(var?i=0;i<collection.length;i++)
49????{
50?????collection[i].object.style.display?=?'none';
51????}
52????return;
53???}
54???for(var?i=0;i<collection.length;i++)
55???{
56????var?followObj???=?collection[i].object;
57????var?followObj_x???=?(typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
58????var?followObj_y???=?(typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
59
60????if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x))?{
61?????var?dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
62?????dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));?
63?????followObj.style.left=followObj.offsetLeft+dx;
64?????}
65
66????if(followObj.offsetTop!=(document.documentElement.scrollTop+followObj_y))?{
67?????var?dy=(document.documentElement.scrollTop+followObj_y-followObj.offsetTop)*delta;
68?????dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
69?????followObj.style.top=followObj.offsetTop+dy;
70?????}
71????followObj.style.display?=?'';
72???}
73}?
74function?closeBanner()
75{
76???closeB=true;
77???return;
78}
79
80
81var?theFloaters???=?new?floaters();
82
83theFloaters.addItem('followDiv1','document.body.clientWidth-106',hbcms_ad_width,hbcms_right_ad);
84//右面廣告屬性,分別是id,x,y,content
85theFloaters.addItem('followDiv2',6,hbcms_ad_width,hbcms_left_ad);
86//左面廣告屬性,分別是id,x,y,content
87theFloaters.play();
88
89 以下為頁面代碼,可只復制"<script language=javascript src="ad.js"></script >"到頁面的body中.
?1<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
?2<html?xmlns="http://www.w3.org/1999/xhtml">
?3<head>
?4<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
?5<title>js?實現頁面兩邊廣告,?可關閉對聯廣告?隨滾動條滾動?符合w3c標準</title>
?6????<style?type="text/css">
?7????</style>
?8</head>
?9
10<body>
11<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
12
13<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
14
15<br><br><br><br><br><br><br><br><br><br><br>
16<script?language=javascript?src="ac.js"></script?><!--調用js-->
17</body>?????????
18</html>
19 轉自http://hi.baidu.com/tianxin2580/blog/item/7ed2079b4c19dcb0c8eaf46a.html
posted on 2009-07-02 16:00
JasonChou 閱讀(5646)
評論(4) 編輯 收藏 所屬分類:
html