• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 343
  • Last Modified:

change content when mouse over the item

Hi, experts:
I look this web site [http://www.cavatinaduo.com/]. I know that it embeds a Flash file.
I would like to implement the menu. When mouse over 'Review', the content below the menu will change. How could I do that by pure CSS or CSS + Javascript? Could you tell me ? Thank you.
1 Solution
I personally use QuickMenu from Opencube (http://www.opencube.com/index.asp), it's one of the best available and can create both CSS and CSS + Javascript menus.
This would be fairly easy to create yourself.
All it takes is a DIV and some javascript.

For example (from the head so not tested!)

   function ChangeDesc(item) {
     if (item == 1) {
        document.getElementById("ShortDesc").innerHTML = "New description here";

    <span id='menuItem1'><a onclick='ChangeDesc(1)'>review</a></span>
    <span id='menuItem2'><a onclick='ChangeDesc(2)'>news</a></span>

<div id='ShortDesc'>large block below the menu</div>

Not perfect, but should give you a good idea on how to accomplish what you want..

TKDAuthor Commented:
Thank you.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now