溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例為大家分享了js實現左右浮動廣告展示的具體代碼，供大家參考，具體內容如下
<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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
