CODEWITHSUNDEEP
javascriptjqueryhtmlcssdrop-down-menu
Christian
Christian

Reputation: 1

Dropdown Hover CSS

Can someonehelp me to fix that dropdown menu that this site has neowin.net?

So far I have this; itbataljonen.com/test/ (Hover over "News")

What I can't figure out, is when i hover over for instance "News" -> "Apple", there should come some news with pictures, and they change if I hover over "Microsoft" and so on.

Could this be done via CSS or HTML?

To download the source files, just go to www.ITbataljonen.com/test and click Download Source in the navigation bar.

Can someone help me? :) (Sorry for my bad english..)

Upvotes: 0

Views: 95

Answers (2)

Pranali Maske
Pranali Maske

Reputation: 132

Working Fiddle

As you asked using css. Yes by using css it is possible to hide and show another div. You need to simply write hover event. This applies to "apple" and "microsoft" also.

Here is the css: 

#a:hover + #b {
 background: #ccc;
    visibility: visible;
}
#b{
   visibility: hidden;
}


Upvotes: 1

0aslam0
0aslam0

Reputation: 1961

This can be done using hover property in CSS. Read this question to understand more.

And in your case, the images can be in a <ul id="news_images1"></ul> and you can set css hover property to animate this list of images. Remember, there are multiple ways to solve this issue. You can also checkout Jquery hover.

Upvotes: 0

Related Questions