現在很多網站的右下角都會出現浮動窗口，可以是介紹企業也可以作為留言板塊（如圖），那么網站設計應該如何制作這個浮動窗口呢？只要將以下代碼放到想應用的地方就可以實現圖中的效果。
代碼如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>無法屏蔽的網頁右下角浮動窗口</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> #msg_win{border:1px solid #710B97;background:#F9EFFC;width:240px;position:absolute;right:0px;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;} .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_title{background:#AC19E3;border-bottom:1px solid #710B97;border-top:1px solid #FFF;border-left:1px solid #FFF;color:#FFFFFF;height:25px;line-height:25px;text-indent:5px;font-weight: bold; } #msg_content{margin:5px;margin-right:0;width:230px;height:126px;overflow:hidden;} </style> </head> <body background="shopvip_v9_full.jpg"> <p style="height:1000px;"></p> <div id="msg_win" style="display:block;top:503px;visibility:visible;opacity:1;"> <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">www.sjf2002.com</div> <div id="msg_content">網奇主要從事網站建設，軟件開發，系統開發，模板制作，域名主機和網絡營銷等業務。 歡迎大家垂詢：<a href="http://www.sjf2002.com">www.sjf2002.com</a> </div> </div> <script language="javascript"> 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';//IE有絕對或相對定位內容不隨父透明度變化的bug 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.