<html> <title>左右两侧浮动广告</title> <head> </head> <body> <table> <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><a href="javascript:;" mce_href="javascript:;" mce_style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>' var AdContentHtml = '<div mce_style="color:green;font-size:23pt;font-family:黑体;"><br><br>广告</div>'; document .write('<div>' + ClosebuttonHtml + '<div>' + AdContentHtml + '</div></div>'); document .write('<div>' + 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://www.heiqu.com/0b59ae6151163efa22b0c36aa5e0abf0.html