现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,本文介绍的这种效果,在1024768分辨率下正常显示,在800600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,而且与前面一个代码不同的是,当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果,下面就是实现效果所需代码:
function bigshow(){
document.all.div_250.style.visibility = 'visible';
document.all.div_80.style.visibility = 'hidden';
}
function bighide(){
document.all.div_80.style.visibility = 'visible';
document.all.div_250.style.visibility = 'hidden';
}
var ad_80= new Array(1);
var ad_250= new Array(1);
ad_80[0]="
1<a href="http://www.dfeng.net" target="_blank"><img border="0" src="/skin/adv43/ad/ad_ad.gif"/></a>
";
ad_250[0]="
1<a href="http://www.dfeng.net" target="_blank"><img border="0" src="/skin/adv43/ad/ad_ad2.gif"/></a>
";
var imgheight;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15
document.write('
1<div id="floater_left" style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
2
3ad_now = new Date();
4ad_id= ad_now.getSeconds() %1
5
6var adhead1="<div id="div_80" onmouseover="bigshow();" style="position:absolute; width:95px; height:62px; z-index:12">";
7var adhead2="</div><div id="div_250" onmouseout="bighide();" style="position:absolute; visibility: hidden; z-index:13;width: 80; height: 60">";
8
9//var adhead1="<div id="div_80" onmouseout='//MM_showHideLayers(\"div_250\",\"\",\"hide\")' onmouseover='MM_showHideLayers(\"div_250\",\"\",\"show\")' style="position:absolute; width:95px; height:62px; z-index:20">";
10//var adhead2="</div><div id="div_250" onmouseout='MM_showHideLayers(\"div_250\",\"\",\"hide\")' onmouseover='MM_showHideLayers(\"div_250\",\"\",\"show\")' style="position:absolute; z-index:21;visibility: hidden; width: 80; height: 60">";
11
12document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>");
13
14document.write ("</div>");
15self.onError=null;
16currentX = currentY = 0;
17whichIt = null;
18lastScrollX = 0; lastScrollY = 0;
19NS = (document.layers) ? 1 : 0;
20IE = (document.all) ? 1: 0;
21function heartBeat() {
22if(IE) {
23diffY = document.body.scrollTop;
24diffX = document.body.scrollLeft; }
25if(NS) {
26diffY = self.pageYOffset; diffX = self.pageXOffset; }
27if(diffY != lastScrollY) {
28percent = .5 * (diffY - lastScrollY);
29if(percent > 0) percent = Math.ceil(percent);
30else percent = Math.floor(percent);
31if(IE) document.all.floater_left.style.pixelTop += percent;
32if(NS) document.floater_left.top += percent;
33lastScrollY = lastScrollY + percent;
34}
35if(diffX != lastScrollX) {
36percent = .5 * (diffX - lastScrollX);
37if(percent > 0) percent = Math.ceil(percent);
38else percent = Math.floor(percent);
39if(IE) document.all.floater_left.style.pixelLeft += percent;
40if(NS) document.floater_left.left += percent;
41lastScrollX = lastScrollX + percent;
42}
43}
44
45if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
46var ad_250= new Array(1);
47
48ad_80[0]="<a href="http://www.dfeng.net" target="_blank"><img border="0" src="/skin/adv43/ad/ad_ad.jpg"/></a>";
49ad_250[0]="<a href="http://www.dfeng.net" target="_blank"><img border="0" src="/skin/adv43/ad/ad_ad.jpg"/></a>";
50
51var imgheight;
52var fubioleft;
53window.screen.width>800 ? fubioleft=15:fubioleft=15
54
55document.write('<div id="floater_right" style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
56
57ad_now = new Date();
58ad_id= ad_now.getSeconds() %1
59
60
61function myload()
62{
63if (navigator.appName == "Netscape")
64{
65document.div_right_80.pageX=+window.innerWidth-130;
66document.div_right_250.pageX=+window.innerWidth-300;
67mymove();
68}
69else
70{
71div_right_80.style.left=document.body.offsetWidth-130;
72div_right_250.style.left=document.body.offsetWidth-300;
73mymove();
74}
75}
76
77function mymove()
78{
79if(document.ns)
80{
81document.div_right_80.left=pageXOffset+window.innerWidth-130;
82document.div_right_250.left=pageXOffset+window.innerWidth-300;
83setTimeout("mymove();",20)
84}
85else
86{
87div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
88div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
89setTimeout("mymove();",20)
90}
91}
92
93var adhead1="<div id="div_right_80" onmouseover="bigshow_right();" style="position:absolute; width:95px; height:60px; z-index:12">";
94var adhead2="</div><div id="div_right_250" onmouseout="bighide_right();" style="position:absolute; visibility: hidden; z-index:13;width: 250; height: 250"><div align="right">";
95
96document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");
97
98myload()
99
100document.write ("</div>");
101self.onError=null;
102currentX_right = currentY_right = 0;
103whichIt_right = null;
104lastScrollX_right = 0; lastScrollY_right = 0;
105NS = (document.layers) ? 1 : 0;
106IE = (document.all) ? 1: 0;
107function heartBeat_right() {
108if(IE) {
109diffY_right = document.body.scrollTop;
110diffX_right = document.body.scrollLeft; }
111if(NS) {
112diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }
113if(diffY_right != lastScrollY_right) {
114percent_right = .5 * (diffY_right - lastScrollY_right);
115if(percent_right > 0) percent_right = Math.ceil(percent_right);
116else percent_right = Math.floor(percent_right);
117if(IE) document.all.floater_right.style.pixelTop += percent_right;
118if(NS) document.floater_right.top += percent_right;
119lastScrollY_right = lastScrollY_right + percent_right;
120}
121if(diffX_right != lastScrollX_right) {
122percent_right = .5 * (diffX_right - lastScrollX_right);
123if(percent_right > 0) percent_right = Math.ceil(percent_right);
124else percent_right = Math.floor(percent_right);
125if(IE) document.all.floater_right.style.pixelLeft += percent_right;
126if(NS) document.floater_right.left += percent_right;
127lastScrollX_right = lastScrollX_right + percent_right;
128}
129}
130
131if(NS || IE) action = window.setInterval("heartBeat_right()",1);
132function bigshow_right(){
133document.all.div_right_250.style.visibility = 'visible';
134document.all.div_right_80.style.visibility = 'hidden';
135}
136function bighide_right(){
137document.all.div_right_80.style.visibility = 'visible';
138document.all.div_right_250.style.visibility = 'hidden';
139}document.write('');
140document.write('');
141document.write('');
142
143把上面的代码另存为一个JS文件,然后在想实现此效果的页面用<script language="javascript1.2" src="*.js" type="text/javascript"></script>调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!</div>