隐藏聊天室方法

信息中心 - 设计 - 添加小工具 - HTML/JAVASCRIPT

copy以下的代码粘帖到HTML/JAVASCRIPT

<style type="text/css">

#gb{

position:fixed;

top:150px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:600px;

width:319px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAjFq5RiWFe8KVKKZRInFyPLXR9l7a8yBda3-12_HgyZCO6cJ3VjGDLhXO0M8Lww8kz72ooE3_yAmSiaILuXpy0-_S46WU0YCkXUGsxYkyuV-ZNDg-4-D1x13nYmtY9sUGqD1PRlXKanaI/s1600/458.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

background:#F5F5F5;

padding:0px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

你的CBOX聊天室 / SHOUTMIX聊天室代码CODE

<div style="text-align:right">

<a href="javascript:showHideGB()">

[close]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (90-gb.offsetWidth).toString() + "px";

</script>

蓝色字体那里是《Click》的图片网址哦……如果你不喜欢的话可以自行修改……
红色字体就是你的Cbox代码 =）

拿Cbox代码如下图……

拿Cbox代码只需要到设计那里copy你隐藏聊天室前时的代码哦=）再粘帖到红色字体部分

《Click》图片网址：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumN2yB-3hgGExf6ItCwBcZk34ShVT3GDSZsopao5EMZ2Ye9DPV2begeFICLz6pSjMZiOaJCRLiTaThXitUB9V3J-SC_Is0TIOrTs9iLN_IHkpokgXqKSyKttlfFqlEgUYVmGDCEC9htxD/s320/%253B%253B%253B%253B%253B%253B%253B.png

图片高度: 80px
图片宽度: 40px
图片url :http://img709.imageshack.us/img709/3490/capture1241.gif



图片高度: 70px
图片宽度: 40px
图片url :http://img819.imageshack.us/img819/1935/capture124.jpg 



图片高度: 100px
图片宽度: 30px
图片url :http://i804.photobucket.com/albums/yy322/ainurnajwarozaidi/pink-1.png