js實(shí)現(xiàn)左右兩側(cè)浮動(dòng)廣告

發(fā)布時(shí)間：2020-09-29 09:19:15 來(lái)源：腳本之家閱讀：188 作者：小爺胡漢三欄目：web開(kāi)發(fā)

本文實(shí)例為大家分享了js實(shí)現(xiàn)左右浮動(dòng)廣告展示的具體代碼，供大家參考，具體內(nèi)容如下

<html>
<title>左右兩側(cè)浮動(dòng)廣告</title>
<head>
</head>
<body>
<table  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; //頁(yè)面多少寬度象素下正好不出現(xiàn)左右滾動(dòng)條
 var MinScreenW = 1024; //顯示廣告的最小屏幕寬度象素
 var ClosebuttonHtml = '<div align="right" ><a href="javascript:;" rel="external nofollow" rel="external nofollow" mce_href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="hidead()"  mce_>關(guān)閉</a></div>'
 var AdContentHtml = '<div align="center"  mce_><br><br>廣告</div>';
 document
  .write('<div id="Javascript.LeftDiv" >'
   + ClosebuttonHtml
   + '<div>'
   + AdContentHtml
   + '</div></div>');
 document
  .write('<div id="Javascript.RightDiv" >'
   + ClosebuttonHtml
   + '<div>'
   + AdContentHtml
   + '</div></div>');
 function scall() {
 if (!showad) {
  return;
 }
 if (document.body.clientWidth < MinScreenW) {
  //alert("臨時(shí)提示：/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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

js實(shí)現(xiàn)左右兩側(cè)浮動(dòng)廣告

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽