浮动在旁边的Chatbox

浮动的chatbox怎样弄呢？
其实我实在Apple教学那找到的
http://yes-apple.blogspot.com/

来和大家分享咯~

首先，

打开【页面元素】-【添加小工具】-【HTML/JavaScript】，将以下的语法paste进去

<style type="text/css"><br>#gb{<br>position:fixed;<br>top:50px;<br>z-index:+1000;<br>}<br>* html #gb{position:relative;}<br><br>.gbtab{<br>height:100px;<br>width:30px;<br>float:left;<br>cursor:pointer;<br>background:url('拉chatbox出来的图案link') no-repeat;<br>}<br>.gbcontent{<br>float:left;<br>border:2px solid #666666;<br>background:</span><span class="Apple-style-span" style="color: rgb(111, 87, 95); font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); ">#FFFFFF</span><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Arial, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); ">;<br>padding:10px;<br>}<br></style><br><br><script type="text/javascript"><br>function showHideGB(){<br>var gb = document.getElementById("gb");<br>var w = gb.offsetWidth;<br>gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br>gb.opened = !gb.opened;<br>}<br>function moveGB(x0, xf){<br>var gb = document.getElementById("gb");<br>var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br>var dir = xf>x0 ? 1 : -1;<br>var x = x0 + dx * dir;<br>gb.style.right = x.toString() + "px";<br>if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br>}<br></script><br><div id="gb"><br><div class="gbtab" onclick="showHideGB()"> </div><br><div class="gbcontent"><br><br>放你们的chat box代码在此<br><br><div style="text-align:right"><br><a href="javascript:showHideGB()"><br>[close]<br></a><br></div><br></div><br></div><br><script type="text/javascript"><br>var gb = document.getElementById("gb");<br>gb.style.right = (30-gb.offsetWidth).toString() + "px";<br></script></span>

不明白之处可以去Apple那问问看哦~
http://yes-apple.blogspot.com/2011/01/chat-box.html

我能帮的就尽量帮啦~
嘻嘻~

祝大家成功=)