PDA

View Full Version : Code show chatbox pro trên web của bạn!



joasny
11-02-2010, 09:43 AM
<style type="text/css">
#gb{
Position:fixed;
Top:50px;
Z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
Height:150px;
Width:30px;
Float:left;
Cursor:pointer;
Background:url('http://farm3.static.flickr.com/2636/3935353655_32c6d2bb30_o.png') no-repeat;
}
.gbcontent{
Float:left;
Border:2px solid #990000;
Background:#F5F5F5;
Padding:10px;
}
</style>

<script type="text/javascript">
Function showHideGB(){
Var gb = document.getElementById("gb");
Var w = gb.offsetWidth;
Gb.opened ? moveGB(0, 30-w) : moveGB(20-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">

ĐOẠN CODE ShoutMix TẠI ĐÂY

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Hide]
</a>
</div>

</div>

</div>

<script type="text/javascript">
Var gb = document.getElementById("gb");
Gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Nguồn hoanglamcm.net