自适应高度显示在底部可关闭的漂浮广告

2024-09-05 12:22:35

字体：大中小

来源：转载

供稿：网友

一款自适应浏览器高度，并始终显示在网页底部的漂浮广告代码，带有关闭功能。这个是用纯JavaScript实现的，因些嵌入网不会影响网页的布局及对搜索引擎的影响，将其另存为单独文件，用的时候从外部调入，方便快捷。

<html><head><title>固定在底部的漂浮广告</title></head><body><script LANGUAGE='JavaScript'>var ad_float_left_src="/jscss/demoimg/demoimgsmall.jpg";var ad_float_left_url = "http:";var ad_float_left_type = "";document.ns = navigator.appName == "Microsoft Internet Explorer"var imgheight_closevar imgleftwindow.screen.width>800 ? imgheight_close=120:imgheight_close=120window.screen.width>800 ? imgleft=15:imgleft=122function myload(){myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imgleft;leftmove();}function leftmove(){ myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imgleft;setTimeout("leftmove();",50)}function MM_reloadPage(init) { 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';}if(document.ns){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(ad_float_left_type!="swf")document.write("<img src='" + ad_float_left_src + "' WIDTH=100 HEIGHT=100 border = 0>");elsedocument.write("<EMBED src='" + ad_float_left_src + "' FlashVars='" + ad_float_left_url + "' 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><font color=#0000ff size=2>关闭<font></td></tr></table></div>");myload()}</script></body></html>

上一篇：JS漂浮广告代码

下一篇：纯CSS实现全兼容对联漂浮广告代码

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注