预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

[普通效果] 现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码: vardelta=0.015 varcollection; functionfloaters(){ this.items=[]; this.addItem=function(id,x,y,content) { document.write('<DIVid='+id+'style="Z-INDEX:0;POSITION:absolute;width:80px;height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>'); varnewItem={}; newItem.object=document.getElementById(id); newItem.x=x; newItem.y=y; this.items[this.items.length]=newItem; } this.play=function() { collection=this.items setInterval('play()',10); } } functionplay() { if(screen.width<=800) { for(vari=0;i<collection.length;i++) { collection[i].object.style.display='none'; } return; } for(vari=0;i<collection.length;i++) { varfollowObj=collection[i].object; varfollowObj_x=(typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x); varfollowObj_y=(typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y); if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)){ vardx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta; dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx)); followObj.style.left=followObj.offsetLeft+dx; } if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)){ vardy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta; dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy)); followObj.style.top=followObj.offsetTop+dy; } followObj.style.display=''; } } vartheFloaters=newfloaters(); theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><ahref=广告链接地址target=_blank><imgsrc=广告图片地址width=100height=400border=0></a>'); theFloaters.addItem('followDiv2',0,0,'<br><ahref=广告链接地址target=_blank><imgsrc=广告图片地址width=100height=400border=0></a>'); theFloaters.play(); 把上面的代码另存为一个JS文件,然后在想实现此效果的页面用调用即可!注意修改广告图片地址和连接地址! [鼠标感应] 与前面一个代码不同的是,当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果,下面就是实现效果所需代码: functionbigshow(){ document.all.div_250.style.visibility='visibl