floating slide navigation by mhae™

mhae wrote:

Code:

// SLIDE NAVIGATION
navigate="[url=http://interfacebookdesign.forumotion.com/%5C%22http://www.friendster.com%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/home.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22http://profiles.friendster.com/user.php%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/profile.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22http://www.friendster.com/widget_myapps.php%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/myapps.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22http://www.friendster.com/friends/%22+pageOwnerID+%22%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/friends.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22http://www.friendster.com/gallery.php%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/search.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22http://www.friendster.com/sendmessage.php?uid=%22+pageOwnerID+%22%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/messages.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22http://www.friendster.com/comments.php?uid=%22+pageOwnerID+%22%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/comment.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22http://www.friendster.com/logout.php%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/logout.png%5C%22[/img][/url] [url=http://interfacebookdesign.forumotion.com/%5C%22#%5C%22][img]%5C%22http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/menu.png%5C%22[/img][/url]
";
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;

<sub>You Can Also Change The Images Just Use Your Common Sense

Just insert the code in your JS file.


Credits:</sub>teppeimhae_{@yahoo.com<===fs}