[b]bangsubur wrote[/b] [quote] all da yang tw gimana cara bikin floating navigation g......[/quote] Klu ngak slah kodenya kayak gini! [spoiler]// SLIDE NAVIGATION navigate="<div id=\"divMenu\" style=\"position:absolute; top:20; left:100; visibility:hidden;z-index:1;\"><nobr><a href=\"http://www.friendster.com\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/home.png\" title=\"Home\"></a> <a href=\"http://profiles.friendster.com/user.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/profile.png\" title=\"My Profile\"></a> <a href=\"http://www.friendster.com/widget_myapps.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/myapps.png\" title=\"My Apps\"></a> <a href=\"http://www.friendster.com/friends/"+pageOwnerID+"\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/friends.png\" title=\"My Friends\"></a> <a href=\"http://www.friendster.com/gallery.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/search.png\" title=\"Search\"></a> <a href=\"http://www.friendster.com/sendmessage.php?uid="+pageOwnerID+"\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/messages.png\" title=\"Send Messages\"></a> <a href=\"http://www.friendster.com/comments.php?uid="+pageOwnerID+"\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/comment.png\" title=\"Add comments\"></a> <a href=\"http://www.friendster.com/logout.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/logout.png\" title=\"Logout\"></a> <a href=\"#\" onclick=\"moveMenu()\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/menu.png\" title=\"Click for Navigation\"></a></nobr></div>"; gate=document.getElementById('flo_wrapper'); navi=document.createElement("div"); navi.innerHTML=navigate; gate.parentNode.insertBefore(navi,gate); ie=document.all?1:0 n=document.layers?1:0 ns6=document.getElementById&&!document.all?1:0 lshow=100 var move=10; menuSpeed=40 var moveOnScroll=true var ltop; var tim=0; function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' if (n) this.css=eval(nest+'document.'+obj) else if (ns6) this.css=document.getElementById(obj).style else if (ie) this.css=eval(obj+'.style') this.state=1 this.go=0 if (n) this.width=this.css.document.width else if (ns6) this.width=document.getElementById(obj).offsetWidth else if (ie) this.width=eval(obj+'.offsetWidth') this.left=b_getleft this.obj = obj + "Object"; eval(this.obj + "=this") } function b_getleft(){ if (n||ns6){ gleft=parseInt(this.css.left)} else if (ie){ gleft=eval(this.css.pixelLeft)} return gleft; } function moveMenu(){ if(!oMenu.state){ clearTimeout(tim) mIn() }else{ clearTimeout(tim) mOut() } } function mIn(){ if(oMenu.left()>-oMenu.width+lshow){ oMenu.go=1 oMenu.css.left=oMenu.left()-move tim=setTimeout("mIn()",menuSpeed) }else{ oMenu.go=0 oMenu.state=1 } } function mOut(){ if(oMenu.left()<0){ oMenu.go=1 oMenu.css.left=oMenu.left()+move tim=setTimeout("mOut()",menuSpeed) }else{ oMenu.go=0 oMenu.state=0 } } function checkScrolled(){ if(!oMenu.go) oMenu.css.top=eval(scrolled)+parseInt(ltop) if(n||ns6) setTimeout('checkScrolled()',30) } function menuInit(){ oMenu=new makeMenu('divMenu') if (n||ns6) scrolled="window.pageYOffset" else if (ie) scrolled="document.body.scrollTop" oMenu.css.left=-oMenu.width+lshow if (n||ns6) ltop=oMenu.css.top else if (ie) ltop=oMenu.css.pixelTop oMenu.css.visibility='visible' if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled(); } window.onload=menuInit;[/spoiler]