admin 发表于 2012-12-26 10:43:21

右下角弹出视频广告的JS代码

右下角弹出视频的JS代码,支持关闭,最小化,兼容IE、火狐和谷歌等主流浏览器。

具体代码如下:
[*]<style type="text/css">
[*]#msg_win{border:1px solid #CCFFFF;background:#FFFFFF;width:302px;position:absolute;right:0;font-size:12px;color:#000000;font-family:Arial;margin:0px;display:none;overflow:hidden;z-index:99;}#msg_win .icos{position:absolute;top:0px;right:2px;z-index:9;}.icos a{float:left;color:#833B02;margin:1px;text-align:center;font-weight:bold;width:14px;height:22px;line-height:22px;padding:1px;text-decoration:none;font-family:webdings;}.icos a:hover{color:#fff;}#msg_title{background:#CCFFFF;height:25px;line-height:25px;text-indent:5px;}#msg_content{padding:0px 0px 0px 1px;width:300px;height:251px;overflow:hidden;}
[*]</style>
[*]<script type="text/javascript">
[*]document.write("<div id='msg_win' style='display:block;top:900px;visibility:visible;opacity:1;'>");document.write("<div class='icos'><a id='msg_min' title='最小化' href='javascript:void 0'>_</a><a id='msg_close' title='关闭' href='javascript:void 0'>×</a></div>");document.write("<div id='msg_title'>视频广告</div>");document.write("<div id='msg_content'>");document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='320' height='240'> ");document.write("<param name='movie' value='http://www.zhanhelp.com/ad.swf'>");document.write("<embed src='http://www.zhanhelp.com/ad.swf' width='320' height='240' type='application/x-shockwave-flash' />");
[*]document.write("</object>");
[*]document.write("</div>");
[*]document.write("</div>");
[*]var Message={
[*]      set:function()
[*]      {var set=this.minbtn.status==1?,'最小化']:,'恢复'];
[*]      this.minbtn.status=set;
[*]      this.win.style.borderBottomWidth=set;
[*]      this.content.style.display=set;
[*]      this.minbtn.innerHTML=set;
[*]      this.minbtn.title=set;
[*]      this.win.style.top=this.getY().top;},
[*]      close:function(){this.win.style.display='none';window.onscroll=null;
[*]      document.getElementById('msg_content').innerHTML=""
[*]      },setOpacity: function(x){var v=x>=100?'':'Alpha(opacity='+x+')';this.win.style.visibility = x<=0?'hidden':'visible';this.win.style.filter=v;this.win.style.opacity=x/100;},show:function(){clearInterval(this.timer2);var me=this,fx=this.fx(0,100,0.1),t=0;this.timer2=setInterval(function(){t=fx();me.setOpacity(t);if(t==0){clearInterval(me.timer2)}},10);},fx:function(a,b,c){var cMath=Math[(a-b)>0?"floor":"ceil"],c=c||0.1;return function(){return}},getY:function(){var d=document,b=document.body,e=document.documentElement;var s=Math.max(b.scrollTop,e.scrollTop);var h=/BackCompat/i.test(document.compatMode)?b.clientHeight:e.clientHeight;var h2=this.win.offsetHeight;return{foot:s+h+h2+'px',top:s+h-h2+'px'}},moveTo:function(y){clearInterval(this.timer);var me=this,a=parseInt(this.win.style.top)||0;var fx=this.fx(a,parseInt(y));var t=0;this.timer=setInterval(function(){t=fx();me.win.style.top=t+'px';if(t==0){clearInterval(me.timer);me.bind();}},10);},bind:function(){var me=this,st,rt;window.onscroll=function(){clearTimeout(st);clearTimeout(me.timer2);me.setOpacity(0);st=setTimeout(function(){me.win.style.top=me.getY().top;me.show();},600);};window.onresize=function(){clearTimeout(rt);rt=setTimeout(function(){me.win.style.top=me.getY().top},100);}},init:function(){function $(id){return document.getElementById(id)};this.win=$('msg_win');var set={minbtn:'msg_min',closebtn:'msg_close',title:'msg_title',content:'msg_content'};for(var Id in set){this=$(set)};var me=this;this.minbtn.onclick=function(){me.set();this.blur();};this.closebtn.onclick=function(){me.close()};this.char=(!!(document.all&&navigator.userAgent.indexOf('Opera')===-1))?['0','2','r']:['─','〓','×'];this.minbtn.innerHTML=this.char;this.closebtn.innerHTML=this.char;setTimeout(function(){me.win.style.display='block';/*me.win.style.top=me.getY().foot;*/me.win.style.top= me.getY().top;me.moveTo(me.getY().top);},0);return this;}};Message.init();
[*]</script>

复制代码

页: [1]
查看完整版本: 右下角弹出视频广告的JS代码