右下角弹出广告 js，漂浮效果（兼容多浏览器）

分享非常不错的一个使用 JavaScript 实现的可最小化，可关闭的右下角浮动广告窗效果，可以随滚动条的滚动而自行滚动保持在右下角的固定位置。基本上兼容了所有的浏览器（包括IE 火狐谷歌浏览器苹果浏览器）！下面先上效果图（效果图其实可以直接参看本站的右下角广告就是了，O(∩_∩)O~）：

右下角弹出漂浮广告效果（兼容多浏览器）具体代码如下（ js 压缩过了，如果需要研究里面的 js 源码，可下载附件看）：

<html xmlns="http://www.phpernote.com/javascript-function/833.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript实现可最小化/关闭的右下角浮动广告窗_<a href="http://www.phpernote.com">php程序员的笔记</a></title>
<style type="text/css">
#msg_win{position:absolute;right:0px;top:503px;width:250px;font-size:12px;display:block;overflow:hidden;z-index:99;border:1px solid #000;background:#FFF;visibility:visible;opacity:1;}
#msg_title{background:#EB1D1D;border:0px solid #000;border-width:0 0 1px 0;color:#FFFFFF;width:100%;height:26px;line-height:26px;font-weight:bold;text-indent:5px;}
#msg_win .icos{position:absolute;top:0px;*top:0px;right:3px;z-index:9;}
.icos a{float:left;color:#FFFFFF;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:#FFCC00;}
#msg_content{margin:0px 0px;padding:5px 5px;width:100%;height:220px;overflow:hidden;}
</style>
</head>
<body>
<div style="height:2000px;"></div>
<div id="msg_win"><div class="icos"><a id="msg_min" title="最小化" href="javascript:void(0);">-</a><a id="msg_close" title="关闭" href="javascript:void(0);">×</a></div><div id="msg_title">右下角漂浮广告效果</div><div id="msg_content">本站是一个php程序员的工作生活笔记,本站包含了php网络编程学习教程,数据库(主要是MySQL和Access数据库)教程,javascript,jquery,div+css,html,windows系统,linux系统以及健康养生方面的学习笔记和生活经验的积累!</div>
</div>
<script language="javascript">
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('9 12={k:8(){9 k=5.l.T==1?[0,1,\'11\',5.u[0],\'最小化\']:[1,0,\'S\',5.u[1],\'恢复\'];5.l.T=k[0];5.f.g.1E=k[1];5.16.g.J=k[2];5.l.K=k[3];5.l.15=k[4];5.f.g.j=5.n().j},14:8(){5.f.g.J=\'S\';H.N=1n},A:8(x){9 v=x>=q?\'\':\'1c(R=\'+x+\')\';5.f.g.1e=x<=0?\'1d\':\'1f\';5.f.g.1i=v;5.f.g.R=x/q},10:8(){w(5.z);9 7=5,m=5.m(0,q,0.1),t=0;5.z=X(8(){t=m();7.A(t[0]);W(t[1]==0){w(7.z)}},6)},m:8(a,b,c){9 Q=U[(a-b)>0?"1k":"1j"],c=c||0.1;o 8(){o[a+=Q((b-a)*c),a-b]}},n:8(){9 d=p,b=p.1l,e=p.1m;9 s=U.1o(b.V,e.V);9 h=/1p/i.1a(p.1h)?b.P:e.P;9 E=5.f.1b;o{18:s+h+E+2+\'B\',j:s+h-E-2+\'B\'}},17:8(y){w(5.D);9 7=5,a=Y(5.f.g.j)||0;9 m=5.m(a,Y(y));9 t=0;5.D=X(8(){t=m();7.f.g.j=t[0]+\'B\';W(t[1]==0){w(7.D);7.Z()}},6)},Z:8(){9 7=5,L,G;H.N=8(){M(L);M(7.z);7.A(0);L=F(8(){7.f.g.j=7.n().j;7.10()},q)};H.1u=8(){M(G);G=F(8(){7.f.g.j=7.n().j},q)}},O:8(){8 $(19){o p.1g(19)};5.f=$(\'1w\');9 k={l:\'1x\',I:\'1v\',15:\'1r\',16:\'1s\'};1t(9 C 1y k){5[C]=$(k[C])};9 7=5;5.l.13=8(){7.k();5.1z()};5.I.13=8(){7.14()};5.u=1D.1B.1C().1A(\'1q\')+1?[\'-\',\'□\',\'×\']:[\'0\',\'2\',\'r\'];5.l.K=5.u[0];5.I.K=5.u[2];F(8(){7.f.g.J=\'11\';7.f.g.j=7.n().18;7.17(7.n().j)},0);o 5}};12.O();',62,103,'|||||this||me|function|var||||||win|style|||top|set|minbtn|fx|getY|return|document|100||||char||clearInterval|||timer2|setOpacity|px|Id|timer|h2|setTimeout|rt|window|closebtn|display|innerHTML|st|clearTimeout|onscroll|init|clientHeight|cMath|opacity|none|status|Math|scrollTop|if|setInterval|parseInt|bind|show|block|Message|onclick|close|title|content|moveTo|foot|id|test|offsetHeight|Alpha|hidden|visibility|visible|getElementById|compatMode|filter|ceil|floor|body|documentElement|null|max|BackCompat|firefox|msg_title|msg_content|for|onresize|msg_close|msg_win|msg_min|in|blur|indexOf|userAgent|toLowerCase|navigator|borderBottomWidth'.split('|'),0,{}))
</script>
<br />
<p><a href="http://www.phpernote.com">php程序员的笔记</a> - 最专业的php教程网站 - 致力为中国php程序员们提供有质量的经验教程！</p>
</body>
</html>

转载自：http://www.phpernote.com/javascript-function/510.html

右下角弹出广告 js，漂浮效果（兼容多浏览器）相关推荐

模仿CSDN浏览器右下角弹出广告，兼容所有浏览器，内容可自定义，扩张性强
下载资源地址:http://download.csdn.net/download/tjcyjd/7052739 此demo为本人亲自从csdn网站扣下来的,模仿CSDN浏览器右下角弹出广告,兼容所有浏 ...
win7系统老是弹窗怎么解决_win7系统右下角经常弹广告怎么办|win7系统右下角弹出广告的屏蔽方法...
相信使用win7系统的用户都经历过,经常我们使用电脑打开网页准备看电影或玩游戏的时候,任务栏右下角经常会突然屏幕弹出广告,那么遇到win7系统右下角经常弹广告怎么办呢?接下来请大家跟着小编一起学习一下 ...
右下角弹出广告怎么关
有时候,不知道为什么电脑系统突然很多广告,经常会在桌面右下角弹出来,让人心塞.而电脑小白遇到这种情况都不知道怎么办,真是拿广告一点办法都没有. 1. 先打开任务管理器,找到弹窗有关进程,右键打开文件所 ...
简单的jQuery实现右下角弹出广告
在网上我们经常打开一个网页时候经常看到右下角弹出一个对话框广告出来感觉蛮好奇的以前用javascript写一个这样的比较复杂要用dom节点什么的今天用个jquery写个这样的非常简单就 ...
学习CSDN右下角弹出广告
广告效果,当页面加载完毕后,慢慢弹出广告,然后再慢慢退出. 经过分析,只需要将message_pop.css和msg.popup.js加入到网页就行.为了能够在自己的网页中实现类似广告弹出效果,我们将 ...
js弹出对话框(半透明背景，兼容各浏览器)
js弹出对话框在某些情况下是一个很好的工具,通过半透明的设置,使得弹出对话框在弹出时仍然能够看到网页内容,会让用户有一个很好的界面体验. 而且懒人萱已做过测试,可以兼容现在的所有主流浏览器,所以你可以 ...
网页右下角弹出广告窗口超简洁
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
Windows右下角弹出广告，经查找为ShellExperienceHost
我也遇到了同样的问题.最后解决方式竟然是关闭对应网站的chrome通知即可. 原来是chrome 里面设置的通知,被网站利用弹出的广告. 打开chrome进入 chrome://settings/co ...
页面右下角弹出广告效果(二)
这部分是JS代码 <script language="javascript" type="text/javascript" src="http: ...

右下角弹出广告 js，漂浮效果（兼容多浏览器）

右下角弹出广告 js，漂浮效果（兼容多浏览器）相关推荐

最新文章

热门文章