首页 > 编程 > JavaScript > 正文

js实现左右两侧浮动广告

2019-11-19 13:31:40
字体:
来源:转载
供稿:网友

本文实例为大家分享了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>

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表