自制网页右下角浮动窗口.docxVIP

自制网页右下角浮动窗口效果图如下图所示：在需要添加浮动窗口的页面的head中引入css代码，代码如下：!-- 浮动窗口样式css begin --styletype=text/css#msg_win{border:1px solid #A67901;background:#EAEAEA;width:240px;position:absolute;right:0;font-size:12px;font-family:Arial;margin:0px;display:none;overflow:hidden;z-index:99;}#msg_win.icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;}.icosa{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;}.icosa:hover{color:#fff;}#msg_title{background:#BBDEF6;border-bottom:1px solid #A67901;border-top:1px solid #FFF;border-left:1px solid #FFF;color:#000;height:25px;line-height:25px;text-indent:5px;}#msg_content{margin:5px;margin-right:0;width:230px;height:126px;overflow:hidden;}/style!-- 浮动窗口样式css end --在需要添加浮动窗口的页面的head中添加js代码，代码如下：window.onload=function(){setTimeout(refresh10(),1000*60*10) ; }function refresh10(){window.location.reload();}在需要添加浮动窗口的页面的尾部添加js代码，代码如下：!-- 浮动窗口js，必须要放置到最后 begin--scriptlanguage=javascriptvar 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;//IE有绝对或相对定位内容不随父透明度变化的bugthis.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