一个简单实用的单边对联广告

最新推荐文章于 2021-06-08 17:47:57 发布

原创最新推荐文章于 2021-06-08 17:47:57 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #layer #div

JAVASCRIPT 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现在网页中动态显示对联广告条的方法。通过判断浏览器类型和屏幕尺寸，调整广告条的位置，确保其始终处于页面两侧且不遮挡主要内容。适用于不同分辨率的屏幕。

<SCRIPT LANGUAGE="JavaScript">

var imgheight
var imgleft
document.ns = navigator.appName == "Netscape"
window.screen.width>800 ? imgheight=500:imgheight=100
window.screen.width>800 ? imgleft=15:imgleft=122
function myload()
{
if (navigator.appName == "Netscape")
{document.myleft.pageY=pageYOffset+window.innerHeight-imgheight;
document.myleft.pageX=imgleft;
leftmove();
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
leftmove();
}
}
function leftmove()
{
if(document.ns)
{
document.myleft.top=pageYOffset+window.innerHeight-imgheight
document.myleft.left=imgleft;
setTimeout("leftmove();",80)
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
setTimeout("leftmove();",80)
}
}

if (navigator.appName == "Netscape")
{
document.write("<layer id=myleft top=300 width=80 height=88><EMBED src='js/1.swf' quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-flash' id=changhongout wmode='transparent'></EMBED></layer>");
myload()}
else
{
document.write("<div id=myleft style='position: absolute;width:80;top:150;left:5;visibility: visible;z-index: 1'><EMBED src='js/1.swf' quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-flash' id=changhongout wmode='transparent'></EMBED></div>");
myload()
}

</SCRIPT>