JS实现对联浮动广告（初级）

代码有待改善，多多见谅

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>对联广告</title><style>#leftFloat{width: 200px;height: 280px;background-color: red;position: fixed;left: 0px;/*IE6兼容*/_position:absolute;_top:expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeigh)/3);}#rightFloat{width: 200px;height: 280px;background-color: red;position: fixed;right: 0px;_position:absolute;_top:expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeigh)/3);}.close{height: 20px;width: 200px;background-color: pink;position: absolute;bottom: 0px;left:0px;text-align: center;font-size: 20px;           }.close a{text-decoration: none;color: #000;}</style><script>window.onload = function (){var leftdiv = document.getElementById('leftFloat');var rightdiv = document.getElementById("rightFloat");

<span style="white-space:pre">      </span>//看见区域的高度-左浮动的可见高度

     var t = (document.documentElement.clientHeight-leftdiv.offsetHeight)/3 + 'px';leftdiv.style.top = t;rightdiv.style.top = t;}function close(){document.getElementById('leftFloat').style.display='none'; document.getElementById('rightFloat').style.display='none';}</script></head><body><div id="leftFloat"><div class="close"><a href="javascript:close()">关闭</a></div> </div><div id="rightFloat"><div class="close"><a href="javascript:close()">关闭</a></div> </div>
</body>
</html>

JS实现对联浮动广告（初级）相关推荐

html网页中两侧浮动广告怎么做,JavaScript 网页两侧对联浮动广告
1:源码 functionFloatCouplet(leftElement, rightElement) { if(arguments.length == 0)return; lastScrollY= ...
js 让鼠标右下角有一排小字_JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码...
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...
php网页悬浮对联代码,不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: .r1{width:80px;height:80px;backgroun ...
java 屏蔽广告js_用js屏蔽被http劫持的浮动广告实现方法
最近发现网站经常在右下角弹出一个浮动广告,开始的时候以为只是浏览器的广告. 后来越来越多同事反映在家里不同浏览器也会出现广告.然后深入检查了下,发现网站竟然被劫持了. 然后百度了一大堆资料,什么htt ...
Js浮动广告效果实现
第一种漂浮广告不符合W3CJavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了.希望站长朋友喜欢. <html> <head> <ti ...
360浏览器的js兼容与360拦截浮动广告
360浏览器对页面过滤的地方非常之多,先说两个我前两天用到的: 前几天用写了点(http://www.nycfgl.com/)东西,用js写的,在ie和chrome中都没用问题,在360中就出问题了, ...
学做全屏浮动广告 JS 原生代码
<!DOCTYPE HTML> <html><head><title>JS全屏漂浮广告</title> <meta http-equi ...
标准网页两侧浮动广告代码支持FF及IE
点击这里使用RSS订阅本Blog:网页两侧浮动广告代码经测试支持IE.Firefox等浏览器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
JavaScript浮动广告
js的浮动广告代码,复制就能用自己修改图片的地址 <html> <head><meta charset="utf-8"><title&g ...

JS实现对联浮动广告（初级）

JS实现对联浮动广告（初级）相关推荐

最新文章

热门文章