Drop-down menus

  • Zombie Simba
  • Born
  • Born
  • Zombie Simba
  • Posts: 4

Post 3+ Months Ago

I have never made drop-down menus before, and was wondering what the best way is to make them?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

There are a couple different ways. Some people use javscript to control the different states (static, mouseover, mouseout), others use CSS.

CSS is a lot easier, but javsacript gives you some extra options like waiting a short time before hiding the menu after rollout.


Here's examples/tutorials of both:
CSS Dropdown Menu

Superfish jQuery menu

Pure javascript implementation
  • Satwant
  • Graduate
  • Graduate
  • User avatar
  • Posts: 127
  • Loc: Bangalore

Post 3+ Months Ago

Hi
You Can Google for Menu Makers they will create good looking menus for you with lots of different effects .i.e. IzzyMenu

There are 100 of them over internet.
  • Zombie Simba
  • Born
  • Born
  • Zombie Simba
  • Posts: 4

Post 3+ Months Ago

This is just me, but i'd rather learn how to make it myself. You can't learn anything by just copying it in my opinion
  • Zombie Simba
  • Born
  • Born
  • Zombie Simba
  • Posts: 4

Post 3+ Months Ago

Thank you mindfullsilence for the tutorials. those are a huge help
  • Veeramanikandan
  • Novice
  • Novice
  • Veeramanikandan
  • Posts: 25

Post 3+ Months Ago

simple html code for drop down menu:

<html>
<head>
<style>
.menu{list-style:none;}
.menu li{display:inline;}
.menu li .level-0{display:none;}
.menu li:hover .level-0 {display:block;}


</style>
</head>
<body>
<ul class="menu">

<li>
<a href="#">Main Menu</a>
<ul class="level-0">
<li><a href="#">Sub Menu 2st Level</a></li>
</ul>
</li>

</ul>
</body>
</html>
  • Dial_10
  • Born
  • Born
  • Dial_10
  • Posts: 1

Post 47 days ago

Thanks for helping, really helped
Regards,
10dial

Post Information

  • Total Posts in this topic: 7 posts
  • Users browsing this forum: No registered users and 66 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.