对联广告（不移动）

最新推荐文章于 2021-06-04 15:42:31 发布

maoyuanzhi68

最新推荐文章于 2021-06-04 15:42:31 发布

阅读量534

点赞数

分类专栏： js

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的对联广告定位方法，通过获取浏览器窗口的宽度来确定广告的位置，确保广告能在不同屏幕尺寸下居中显示。

suspendcode12="<DIV id="lovexin12" style='left:"+(width/2-650)+"px;POSITION:fixed;TOP:69px;_top:expression(eval(document.documentElement.scrollTop+69));_position:absolute;'><a href='#' target='_blank'><img border=0 src='#' style='width:140px;height:290px;'><br><a href=JavaScript:; onclick="lovexin12.style.visibility='hidden'"><img border=0 src=image/close.gif></a></div>"

suspendcode14="<DIV id="lovexin14" style='right:"+(width/2-650)+"px;POSITION:fixed;TOP:69px;_top:expression(eval(document.documentElement.scrollTop+69));_position:absolute;'><a href='#' target='_blank'><img border=0 src='#' style='width:140px;height:290px;'><br><a href=JavaScript:; onclick="lovexin14.style.visibility='hidden'"><img border=0 src=image/close.gif></div>"

document.write(suspendcode12);

document.write(suspendcode14);

</script>

对联广告在大屏幕中位置设置
获取屏幕宽度
var width = document.body.clientWidth;
居左将left设置：屏幕宽度/2-body宽度/2-div与body间的间隔-图片宽度