时间: 2021-07-31 作者:daque
此刻很多网站告白做的热火朝天,此刻我就来引见一下罕见的春联浮动告白功效的代码运用本领,正文引见的这种功效,在1024*768辨别率下平常表露,在800*600的辨别率下不妨机动湮没,免得遮住页面感化考察者欣赏实质,底下文本框中即是实行功效所需代码:
var delta=0.015 var collection; function floaters() { this.items = []; this.additem = function(id,x,y,content) { document.write('<div id='+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>'); var newitem = {}; 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); } } function play() { if(screen.width<=800) { for(var i=0;i<collection.length;i++) { collection[i].object.style.display = 'none'; } return; } for(var i=0;i<collection.length;i++) { var followobj = collection[i].object; var followobj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x); var followobj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
if(followobj.offsetleft!=(document.body.scrollleft+followobj_x)) { var dx=(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)) { var dy=(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 = ''; } } var thefloaters = new floaters(); thefloaters.additem('followdiv1','document.body.clientwidth-100',0,'</a><br><a href=告白链接地方 target=_blank><img src=告白图片地方 width=100 height=400 border=0></a>'); thefloaters.additem('followdiv2',0,0,'<br><a href=告白链接地方 target=_blank><img src=告白图片地方 width=100 height=400 border=0></a>'); thefloaters.play();
把上头的代码另存为一个js文献,而后在想实行此功效的页面用 挪用即可!提防窜改告白图片地方和贯穿地方!