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

來源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-11-27 22:11:48

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

本文實(shí)例為大家分享了js實(shí)現(xiàn)左右浮動(dòng)廣告展示的具體代碼，供大家參考，具體內(nèi)容如下：<；html>；<；title>；左右兩側(cè)浮動(dòng)廣告<；/title>；<；head>；<；/head>；<；body>；<；table style="background-color：#EEEEE2；width：1024px；height：2000px；t" align="center">；<；tr>；<；td>；<；/td>；<；/tr>；<；/table>；<；SCRIPT LANGUAGE="JavaScript">；<

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀本文實(shí)例為大家分享了js實(shí)現(xiàn)左右浮動(dòng)廣告展示的具體代碼，供大家參考，具體內(nèi)容如下：<；html>；<；title>；左右兩側(cè)浮動(dòng)廣告<；/title>；<；head>；<；/head>；<；body>；<；table style="background-color：#EEEEE2；width：1024px；height：2000px；t" align="center">；<；tr>；<；td>；<；/td>；<；/tr>；<；/table>；<；SCRIPT LANGUAGE="JavaScript">；<

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

<html>
<title>左右兩側(cè)浮動(dòng)廣告</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; //頁面多少寬度象素下正好不出現(xiàn)左右滾動(dòng)條
 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;">關(guān)閉</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("臨時(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>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：實(shí)現(xiàn) js 廣告

熱門焦點(diǎn)

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

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

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

最新推薦

猜你喜歡

熱門推薦