js实现左右两侧浮动广告-偶像资源网

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

<html>
<title>左右两侧浮动广告</title>
<head>
</head>
<body>
<table style=\"background-color:#EEEEE2;width:1024px;height:2000px;t\" align=\"center\">
 <tr><td> </td></tr>
</table>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--
 var showad = true;
 var Toppx = 60; //上端位置
 var AdDivW = 100; //宽度
 var AdDivH = 300; //高度
 var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条
 var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
 var ClosebuttonHtml = \'<div align=\"right\" style=\"position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;\"><a href=\"javascript:;\" rel=\"external 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;\">关闭</a></div>\'
 var AdContentHtml = \'<div align=\"center\" style=\"color:green;font-size:23pt;font-family:黑体;\" mce_style=\"color:green;font-size:23pt;font-family:黑体;\"><br><br>广告</div>\';
 document
  .write(\'<div id=\"Javascript.LeftDiv\" style=\"position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:\'+AdDivW+\'px;height:\'+AdDivH+\'px;top:-1000px;word-break:break-all;display:none;\">\'
   + ClosebuttonHtml
   + \'<div>\'
   + AdContentHtml
   + \'</div></div>\');
 document
  .write(\'<div id=\"Javascript.RightDiv\" style=\"position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:\'+AdDivW+\'px;height:\'+AdDivH+\'px;top:-1000px;word-break:break-all;display:none;\">\'
   + ClosebuttonHtml
   + \'<div>\'
   + AdContentHtml
   + \'</div></div>\');
 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;
//-->
</SCRIPT>
</body>
</html>

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

版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

js实现左右两侧浮动广告

请登录后发表评论