本文实例讲述了射流研究…实现可关闭的对联广告效果代码。分享给大家供大家参考。具体如下：

这是非常经典的一款对联广告代码，带有关闭按钮，用户可以自行关掉广告，另外，广告的垂直位置会随着滚动条的变化自动定位，也就是拖动浏览器滚动条的时候广告始终显示，不会被隐藏掉，现在很多网站都在用的对联广告代码。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-close-able-2adv-style-codes/

具体代码如下：

htmlheadtitle对联广告/title meta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/头体样式=' margin :0 px'div align=中心中央表格边框='1 '宽度='776 '高度='3000 '单元格间距='0 '单元格填充='0' tr td宽度=' 100% ' valign=' top ' div align=' center '页面区域/div/TD/tr/table/center/div script LANguage=' JAVAScript '！-var show ad=true；var Toppx=60//上端位置var addvw=100//宽度var AddVh=360//高度var PageWidth=800//这个参数决定是否出现左右滚动条var MinScreenW=1024//显示广告的最小屏幕宽度象素var ClosebuttonHtml=' div align=' right ' style=' position : absolute；top :0 pxright :0 pxmargin 33602 xpadding :2 px ' z-index :2000 '；a href=' JavaScript : ' onclick=' hidead()' style=' color : red；文本装饰：无font-size :12 px'关闭/a/div ' var ADContentHTMl=' div align=' center ' brbr广英国铁路公司告英国铁路公司内英国铁路公司容/div '；文件。write(' div id=' Javascript .left DiV ' style='位置：绝对；border: 1px固体# 336699;背景色-: # eeee 2；z指数：1000;宽度： ' AddVw ' pxheight : ' AddVh ' pxtop :-1000 px；断字：断字；display : none ' closebuttonHTMl ' div ' ADContentHTMl '/div/div ')；文件。write(' div id=' Javascript .right div ' style='位置：绝对；border: 1px固体# 336699;背景色-: # eeee 2；z指数：1000;宽度： ' AddVw ' pxheight : ' AddVh ' pxtop :-1000 px；断字：断字；display : none ' closebuttonHTMl ' div ' ADContentHTMl '/div/div ')；函数葱白(){ if(！show ad){ return；} if(窗口。屏幕。width minscreenw){ alert('临时提示：nn显示器分辨率宽度小于MinScreenW '，不显示广告');showad=falsedocument。getelementbyid(' JavaScript .左DiV ')。风格。显示='无'；文件。getelementbyid(' JavaScript .右div’)。风格。显示='无'；返回；} var Borderpx=((窗口。屏幕。宽度-页面宽度)/2-AddVw)/2；文件。getelementbyid(' JavaScript .左DiV ')。风格。display=文件。getelementbyid(' JavaScript .左div ')。风格。top=文档。尸体。滚动顶部Toppx文件。getelementbyid(' JavaScript .左div ')。风格。left=文档。尸体。滚动边框px；文件。getelementbyid(' JavaScript .右div’)。风格。display=文件。getelementbyid(' JavaScript .右div’)。风格。top=文档。尸体。滚动顶部Toppx文件。getelementbyid(' JavaScript .右div’)。风格。left=文档。尸体。向左滚动文档。尸体。客户端宽度-文档。getelementbyid(' JavaScript .右栏').offsetwithts-Borderpx；}函数hidead(){ show ad=false；文件。getelementbyid(' JavaScript .左DiV ')。风格。显示='无'；文件。getelementbyid(' JavaScript .右div’)。风格。显示='无'；}窗口。滚动时=葱花；window.onresize=葱白；window.onload=葱白；/////SCRIPT/body/html希望本文所述对大家的Java脚本语言程序设计有所帮助。