Posts Tagged ‘广告页控制’

JS实现右下角广告

调用样式表实现广告右下角定位 的方法,虽然载入速度更快,但是需要修改的地方也比较多。
如果挂置广告到合作方的平台上,修改的工作会比较繁琐。

大BOSS,今天找了一个用JS形式插入的广告位,感觉很好,在此做一下备忘。

演示地址:http://uicss.cn/test/ad.html
使用方法:在需要挂载广告的地方插入

<SCRIPT id=kav_200x130 src="shadu.js" type=text/javascript></SCRIPT>

广告更换地址的参数:Code_Interface = “http://bill.duozz.com/”;
广告更换图片的参数:ad_float_img = Code_Interface1+”/test/adimages/shadu.gif”;

如何关闭广告层

页面显示浮动广告对用户体验有一定的影响,最好能提供一个关闭广告的链接。基于此,写一下相关的方法。

javascript:

  1. function closead()
  2. {
  3. var obj = document.getElementById( "test" );
  4. obj.style.visibility = "hidden";
  5. }

html:

<a href="javascript:closead();">close</a>

演示页面:
close-layer

如何将广告始终定位到网页右下角

互联网提供了很多种“将广告始终定位到网页右下角”的解决方案,大多会用到javascript,其实仅调用样式表就可以实现该效果。
以下万恶的代码主要是写给IE6的,在IE7和FF浏览器中,只需要position:fixed就可以将图层定义到网页的任意位置。

相关样式:

  1. body{margin:0;border:0;height:100%;overflow-y:auto;}
  2. #test{display:block; bottom:3px; right:3px; width:130px; position:fixed;}
  3. /* 以下是写给IE6*/
  4. * html #test{position:absolute;right:18px} 
  5. * html{overflow-x:auto; overflow-y:hidden;}

演示页面:
fixd-layer-in-ie6

必要元素:
DOCTYPE声明 、 html标签 、body标签 、 一个ID为test的div。

崔凯博客
Powered by SinaSAE | Theme by ck web design | TOP 顶部
Copyright © 崔凯 All rights reserved. 蜀ICP备12025891号.