微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

js实现左右两侧浮动广告

本文实例为大家分享了js实现左右浮动广告展示的具体代码,供大家参考,具体内容如下

rush:xhtml;"> 左右两侧浮动广告 ppx = 60; //上端位置 var AdDivW = 100; //宽度 var AdDivH = 300; //高度 var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条 var MinScreenW = 1024; //显示广告的最小屏幕宽度象素 var ClosebuttonHtml = '
nofollow" rel="external nofollow" mce_href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;" mce_style="color:red;text-decoration:none;font-size:12px;">关闭
' var AdContentHtml = '

广告
'; document .write('
display:none;">' + ClosebuttonHtml + '
' + AdContentHtml + '
'); document .write('
display:none;">' + ClosebuttonHtml + '
' + AdContentHtml + '
'); function scall() { if (!showad) { return; } if (document.body.clientWidth < MinScreenW) { //alert("临时提示:/n/n显示器分辨率宽度小于" + MinScreenW + ",不显示广告"); showad = false; document.getElementById("Javascript.LeftDiv").style.display = "none"; document.getElementById("Javascript.RightDiv").style.display = "none"; return; } var Borderpx =( ((window.screen.width - PageWidth) / 2 - AdDivW) / 2 ); document.getElementById("Javascript.LeftDiv").style.display = ""; document.getElementById("Javascript.LeftDiv").style.top = document.body.scrollTop + Toppx; document.getElementById("Javascript.LeftDiv").style.left = document.body.scrollLeft + Borderpx; document.getElementById("Javascript.RightDiv").style.display = ""; document.getElementById("Javascript.RightDiv").style.top = document.body.scrollTop + Toppx; document.getElementById("Javascript.RightDiv").style.left = document.body.scrollLeft + document.body.clientWidth - document.getElementById("Javascript.RightDiv").offsetWidth - Borderpx; } function hidead() { showad = false; document.getElementById("Javascript.LeftDiv").style.display = "none"; document.getElementById("Javascript.RightDiv").style.display = "none"; } window.onscroll = scall; window.onresize = scall; window.onload = scall; //-->

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐