Floating Navigation

Javascript Code:

flow=document.getElementById('flo_wrapper'); river=document.createElement("div"); river.innerHTML="<div class=float id='divStayTopLeft' style='position:relative;z-index:50;'><center><a href=http://www.friendster.com/>Home</a><a href=http://www.friendster.com/user.php>Profile</a><a href=http://www.friendster.com/friends.php>Friends</a><a href=http://www.friendster.com/explore.php>Explore</a><a href=http://www.friendster.com/gallery.php>Search</a><a href=http://www.friendster.com/video.php>Video</a><a href=http://www.friendster.com/editcollege.php?A=s>Schools</a><a href=http://olx.friendster.com/gateway_cobranded.php>Classifieds</a><a href=http://www.friendster.com/blogs.php>Blogs</a><a href=http://www.friendster.com/group/mygroup.php>Groups</a><a href=http://www.friendster.com/invite.php>Invite</a></center></div>"; flow.parentNode.insertBefore(river,flow); //in this part you can change it into "frombottom" or "fromtop" var verticalpos="fromtop" function lutaw() { var startX = 0; var startY = 10; function ml(id) { if (document.getElementById) { var wek=document.getElementById(id); } else if (document.all) { var wek=document.all[id]; } else { var wek=document.layers[id]; } if(document.layers) { wek.style=wek; } wek.sP = function(x,y) {shino(x,y);}; function shino(x,y) { wek.style.left=x; wek.style.top=y; } wek.x = startX; if (verticalpos=="fromtop") { wek.y = startY; } else{ if (navigator.appName.indexOf("Netscape") != -1) { wek.y = pageYOffset + innerHeight; } else { wek.y = document.body.scrollTop + document.body.clientHeight; } wek.y -= startY; } return wek; } window.stayTopLeft = function () {boyant();}; function boyant() { if (verticalpos=="fromtop"){ if (navigator.appName.indexOf("Netscape") != -1) { var tenten = pageYOffset; } else { var tenten = document.body.scrollTop; } ftlObj.y += (tenten + startY - ftlObj.y)/1; } else{ if (navigator.appName.indexOf("Netscape") != -1) { var tenten = pageYOffset + innerHeight; } else { var tenten = document.body.scrollTop + document.body.clientHeight; } ftlObj.y += (tenten - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); wakoko=setTimeout("stayTopLeft()", 50); } ftlObj = ml("divStayTopLeft"); stayTopLeft(); } window.onload = function() {lutaw();};

CSS Code:

.float a{ font: 10px Comic Sans MS!important; color: #000000!important; background-image:url(http://i361.photobucket.com/albums/oo58�tled-1.gif)!important; background-repeat: no-repeat!important; background-position: center center!important; padding: 5px 18px 5px 18px!important;}

Preview