js右下角视频弹窗广告代码

7个月前 (04-24 15:07)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

分享一款右下角视频弹窗广告特效,这个右下角弹窗窗口跟随页面滚动显示,可根据自己的需求来修改即可使用。

<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>
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<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("</div>");document.write("</div>");var Message={set:function(){var set=this.minbtn.status==1?[0,1,'block',this.char[0],'最小化']:[1,0,'none',this.char[1],'恢复'];this.minbtn.status=set[0];this.win.style.borderBottomWidth=set[1];this.content.style.display=set[2];this.minbtn.innerHTML=set[3];this.minbtn.title=set[4];this.win.style.top=this.getY().top;},close:function(){this.win.style.display='none';window.onscroll=null;},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[0]);if(t[1]==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[a+=cMath((b-a)*c),a-b]}},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[0]+'px';if(t[1]==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[Id]=$(set[Id])};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[0];this.closebtn.innerHTML=this.char[2];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>


0
0
收藏0

本文来自武鸣人网站,转载请注明出处

本文地址:https://www.wuming.ren/a/822.html

回帖

js右下角视频弹窗广告代码 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息