<style type="text/css"> #hitsukeFX{ position:fixed; top:0px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:130px; width:130px; float:left; cursor:pointer; background:url('http://sites.google.com/site/johorbloglink/myw/smile.gif?attredirects=0') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #d9e3ff; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX() { var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 130-w) : movehitsukeFX(130-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf) { var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> <center><b><span> </span><span></span></b></center></div> <div class="hitsukeFXcontent"> <script language="JavaScript" src="http://sites.google.com/site/johorbloglink/myw-file/ahlan.js"> </script> <br/><br/><a href="http://widgetdotmy.blogspot.com/">Join us here</a> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (130-hitsukeFX.offsetWidth).toString() + "px"; </script></div></div>
No comments:
Post a Comment