Slide Menu Design in JavaScript

Just take mouse on My favorite Blogs and see slider menu

My favorite Blogs

C - Programs
Freehand Designs
My Drawings
Adsense Earnings

JavaScript Code for Menu Design:




Tweet
Delicious Bookmark




<script>
function showtip()

{
  tip.style.top=navb.style.left;
  tip.style.left=navb.style.left;
  tip.style.visibility = "visible";
}
function hidetip()
{
tm=window.setTimeout("hide();",2000)

}
function hide()
{

tip.style.visibility = "hidden";
}
</script>


<div id="navb" onmouseout="hidetip();" onmouseover="showtip();" style="background: #0b5394; color:

white; font-weight: bold; width: 150px;">
My favorite Blogs</div>

<div id="tip"style="background: #cfe2f3; width: 150px;">
<a href="http://c-programming-free.blogspot.com/">C - Programs</a><br/>
<a href="http://freehanddesigns.blogspot.com/">Free Hand Designs</a><br/>
<a href="http://mymarathi-stuffs.blogspot.com/">My Thoughts/Drawings</a><br/>
<a href="http://increase-adsense-earnings.blogspot.com/">Adsense Earnings</a></div>