Slide Menu Design in JavaScript

Just take mouse on My favorite Blogs and see slider menu







JavaScript Code for Menu Design:





DeliciousDelicious 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>


1 comment:

  1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training in India. Nowadays JavaScript has tons of job opportunities on various vertical industry. JavaScript Training in Chennai

    ReplyDelete

Thanks for visiting my Blog!

Have a Question ? Need Help in College Assignments, Need Code that is not available here? Just leave a comment & get your code instantly.

Tips to Enhance Your Blog