本文實例為大家分享了js實現左右浮動廣告展示的具體代碼,供大家參考,具體內容如下
10年積累的成都網站設計、成都網站制作經驗,可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你,你也不認識我。但先網站設計后付款的網站建設流程,更有陜州免費網站建設讓你可以放心的選擇與我們合作。
<html> <title>左右兩側浮動廣告</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; //頁面多少寬度象素下正好不出現左右滾動條 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_>關閉</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("臨時提示:/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>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創新互聯。
網站名稱:js實現左右兩側浮動廣告
分享路徑:http://vcdvsql.cn/article0/gdgcoo.html
成都網站建設公司_創新互聯,為您提供域名注冊、云服務器、Google、網站建設、自適應網站、定制網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯