|
|
|
|
|
|
|
|
|
#gb{ |
|
|
|
|
|
|
|
|
|
|
position:fixed; |
|
|
|
|
|
|
|
|
|
top:50px; |
|
|
|
|
|
|
|
|
|
z-index:+1000; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
* html #gb{position:relative;} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.gbtab{ |
|
|
|
|
|
|
|
|
|
|
height:100px; |
|
|
|
|
|
|
|
|
|
width:30px; |
|
|
|
|
|
|
|
|
|
float:left; |
|
|
|
|
|
|
|
|
|
|
cursor:pointer; |
|
|
|
|
|
|
|
|
|
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; |
} |
|
|
|
|
|
|
|
|
|
|
.gbcontent{ |
|
|
|
|
|
|
|
|
|
float:left; |
|
|
|
|
|
|
|
|
|
|
border:2px solid #A5BD51; |
|
|
|
|
|
|
|
|
background:#F5F5F5; |
|
|
|
|
|
|
|
|
padding:10px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);} |
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Ingin buku tamu seperti ini?
|
|
|
|
|
|
|
|
Klik di |
|
|
|
|
|
|
|
|
|
|
|
|
|
sini (Info Blog) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[tutup] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var gb = document.getElementById("gb"); |
|
|
|
|
|
|
|
gb.style.right = (30-gb.offsetWidth).toString() + "px"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|