经常有些客户在不定期举行一些活动,想在网站重要的位置进行展示。易天科技整理了网页弹出层后自动关闭效果、弹出后自动关闭层效果的代码。
代码为大家贴出,用到的一些文件可以在最下面下载。
效果如下图
自动缓缓弹出,然后自动关闭。
XML/HTML代码
- <div id="QQ_Full" style="width:950px; margin:0 auto; display:none;"> </div>
- <script src="images/AD1v1.3.js" type="text/javascript"></script> <script src="images/AD2v1.1.js"></script> <script type="text/javascript">(function(){
- var a = AD2, dom = a.DomUtil, evt = a.DomEventUtil;
- a.area({
- id: 'QQ_Full'
- })({
- oid: '1105508',
- cid: '88850',
- monitor_url: '',
- display: 'fullscreen',
- display_config: {
- delay: 1,//页面打开后广告开始弹出的时间
- duration: 10,//广告弹出后停留的时间
- show_duration: .7,//广告展开的速度,建议设置为5~9之间
- hide_duration: .7//广告收起的速度,建议设置为5~9之间
- },
- fodder: [{
- type: 'image',
- resource_url: 'images/ad1.jpg',//广告地址,可以是图片或flash
- link_to: 'http://www.yisky.net',//添加你的链接地址
- width: 950,
- height: 280,
- cover: false
- }]
- });
- a.render('QQ_Full');
- a.ping.flush();
- })();</script>
- <div></div>
点此:下载文件包