經常有些客戶在不定期舉行一些活動,想在網站重要的位置進行展示。易天科技整理了網頁彈出層后自動關閉效果、彈出后自動關閉層效果的代碼。
代碼為大家貼出,用到的一些文件可以在最下面下載。
效果如下圖
自動緩緩彈出,然后自動關閉。
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://m.heaithplan.com',//添加你的鏈接地址
- width: 950,
- height: 280,
- cover: false
- }]
- });
- a.render('QQ_Full');
- a.ping.flush();
- })();</script>
- <div></div>
點此:下載文件包