支持多个浮动层而不冲突的漂浮广告(兼容性不错)

king_tt

浏览: 2108867 次
性别:
来自: 深圳

最近访客更多访客>>

u012363178

liangjijiang

jacky_dai

ljmomo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2017-01 ( 5)
2016-12 ( 132)
2016-11 ( 17)
更多存档...

将广告内容放在div中，设置一个id，然后用下面方法调用
var adcls=new AdMove("div的id");
adcls.Run();
注意，在调用前要先引用Main.js和AdFloat.js,div也要在调用前写好，原因就不用说了吧

或者也可以用下面方法，在页面加载完成时调用，就不用考虑位置了 addEvent(window,"load",initad);
function initad(){
var adcls=new AdMove("div的id");
adcls.Run();
}

还有两个方法一般情况下没什么用，有兴趣的可以试试，功能是设置漂浮的起始坐标和方向的，如果省掉的话是随机位置随机方向
adcls.SetLocation(x,y)
adcls.SetDirection(dirx,diry)

漂浮广告的斜率是每次碰壁后随机改变的，这样就决不可能出现多个广告，起始位置和方向一致导致其中一个总是被挡住，虽然几率很小

下面是代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head><title>wahaha</title> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="gg1" style="width:100px;height:100px;background-color:red;color:yellow"> 广告1 </div> <div id="gg2" style="width:100px;height:100px;background-color:blue;color:yellow"> 广告2 </div> <div id="gg3" style="width:100px;height:100px;background-color:green;color:yellow"> 广告3 </div> <mce:script type="text/javascript"></mce:script> </body> </html>

转自【http://bbs.blueidea.com/thread-2846202-1-1.html】

分享到：