Solved

Hover drop-menu like "all departments" tab on ikea.com

Posted on 2008-10-20
2
648 Views
Last Modified: 2012-05-05
Hello,

I am looking to create a hover drop-menu much like the "All Departments" tab on the http://www.ikea.com/us/en/ navigation bar.  I would like to replicate all aspects, including the arrow that goes from point right to down on hover.  Can someone please provide me an example on how to acheive this?  Any help would be greatly appreciated.  The solution needs to work cross-browser and be as accessible as possible.

Thanks!
0
Comment
Question by:Gsx_Eclipse
2 Comments
 
LVL 2

Accepted Solution

by:
mrables earned 400 total points
ID: 22763231
It uses Flash.  It is a fairly simple Flash script, but it would still require some knowledge of the program to create it.  

There are other types of "drop-down" menus that can be created using just DHTML (HTML, CSS, and JavaScript), but it wouldn't be as styled as the one on the IKEA page.
0
 

Author Comment

by:Gsx_Eclipse
ID: 22764090
Hi mrables,

The navigation menu itself is not flash-based... just the movie underneath the navigation.  Can you please point me in the direction of a "real world" example of a similar CSS/JavaScript based solution?  Thanks.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
email validation 9 48
Popup write two lines 3 22
replacing inline javascript with jquery 4 45
HTML question 2 23
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question