Solved

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

Posted on 2008-10-20
2
641 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

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

706 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now