| 标题 | 广告代码3 |
| 内容 | 与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码： var delta=0.015; var collection; var closeB=false; function floaters() { this.items = []; this.addItem = function(id,x,y,content) { document.write('<DIV id='+id+'>'+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()',30); } } function play() { if(screen.width<=800 || closeB) { 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 = ''; } } function closeBanner() { closeB=true; return; } var theFloaters = new floaters(); // theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a onClick="closeBanner();" href=http://www.dfeng.net target=_blank><img src=ad/doublead/right.gif width=100 height=554 border=0></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">'); theFloaters.addItem('followDiv2',0,0,'<a onClick="closeBanner();" href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif width=100 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">'); theFloaters.play(); 把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！ 浮动对联广告---之左侧代码 如果您想只有一侧显示的话,下面是实现左侧效果所需代码： var ad_float_left_src ="图片地址"; var ad_float_left_url ="地址"; var ad_float_left_type = ""; document.ns = navigator.appName == "Microsoft Internet Explorer" var imgheight_close var imgleft window.screen.width>800 ? imgheight_close=120:imgheight_close=120 window.screen.width>800 ? imgleft=8:imgleft=122 function myload() { myleft.style.top=document.body.scrollTop+document.body.offsetHeigh t-imgheight_close; myleft.style.left=imgleft; leftmove(); } function leftmove() { myleft.style.top=document.body.scrollTop+document.body.offsetHeigh t-imgheight_close; myleft.style.left=imgleft; setTimeout("leftmove();",50) } function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&& (parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight! =document.MM_pgH) location.reload(); } MM_reloadPage(true) function close_float_left(){ myleft.style.visibility='hidden'; } document.write("<div id=myleft style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>" +"<style>" +"A.closefloat:link,A.refloat:visited {text- decoration:none;color:#000000;font-size:12px}" +"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}" +"</style>" +"<table border=0 cellpadding=0 cellspacing=0><tr><td>"); if(document.ns){ if(ad_float_left_type!="swf") document.write("<a href='" + ad_float_left_url + "' target = '_blank'><img src='" + ad_float_left_src + "' WIDTH=88 height=31 border=0></a>"); else document.write("<EMBED src='" + ad_float_left_src + "' quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave- flash' id=changhongout ></EMBED>"); document.write("</td></tr><tr><td width=80 height=20 align=right><a href='javascript:close_float_left();void(0);' class=closefloat><b><font color=#ff0000>关闭</font></b></a></td></tr>" +"</table>" +"</div>"); myload()} 把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用 <script src="*.js"></SCRIPT> 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。