国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > 创建固定位置弹出浮动广告的实例代码

创建固定位置弹出浮动广告的实例代码

来源:程序员人生   发布时间:2014-05-23 18:15:39 阅读次数:2812次

很久没有写JS程序了,这两天终于有空了,把之前的一个浮动广告代码重写了一下。呵呵,还是那句话,能力有限,如有错误敬请指证和指点。演示效果

演示地址:http://www.yaohaixiao.com/

演示的效果是弹出视频广告,不过我这个视频是一个JAVASCRIPT教程,所以没有设置自动关闭。好了,简单介绍一下广告代码的特点:

1. 支持弹出图片、FLASH、FLV的视频广告 2. 页面加载完后5秒钟弹出(虽然广告总是比较讨厌),这样用户对用户稍微好点。 3. 可以设置广告显示的自动关闭时间(图片和FLASH的默认显示时间为10秒) 4. 可以设置广告位: RIGHT - 右下角、CENTER - 浏览器可视区域(viewport)正中间、LEFT - 左下角 调用十分方便:

加载图片广告
YAO.adBox.img({
src: 'http://www.yaohaixiao.com/img/ad.jpg', // 图片路径 - 必填
href: 'http://www.yaohaixiao.com/', // 广告的链接地址 - 必填
title: '我的图片广告', // 广告窗口的标题 - 可选
position: 'CENTER', // 广告窗口的位置 - 可选
showtime: 15000 // 广告的显示时间 - 可选 (目前我做的处理是图片和flash的广告一定会自动关闭,视频广告可以设置显示时间也可以一直显示)
})

加载FLASH广告
YAO.adBox.flash({
swf: 'http://www.yaohaixiao.com/swf/ad.swf', // flash路径 - 必填
title: '我的图片广告', // 广告窗口的标题 - 可选
position: 'CENTER', // 广告窗口的位置 - 可选
showtime: 15000 // 1000 - 1秒 - 可选
})

加载FLASH广告
YAO.adBox.flash({
playlist: 'http://www.yaohaixiao.com/swf/ad.flv', // 视频路径 - 必填 (JS FLVPLAYER同时也支持加载XML格式的视频列表)
title: '我的图片广告', // 广告窗口的标题 - 可选
position: 'CENTER', // 广告窗口的位置 - 可选
showtime: 15000 // 1000 - 1秒 - 可选 (不写就代表一是显示广告,广告需要用户自己关闭。比如我的JS教学视频,我想这样的视频就可以一直显示)
})

效果图片:

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生