Grow your CSS skills. Land your dream job.

Menu Response On Hover

  • # October 9, 2012 at 4:53 pm

    http://imageshack.us/f/837/copyofskgportalnew.jpg/

    I have this website and I’m trying to make it so when the user hovers over a part of the menu the text up-top would change. How can I do this?

    # October 10, 2012 at 6:04 am

    Refer this link and customize it as per your design.

    http://www.dyn-web.com/code/basics/change_content/

    # October 10, 2012 at 9:57 am

    Problem with JS insertion is SEO. Content which doesn’t exist is not read by search engine bots.

    One way to go is to stack content blocks on top of each other. When you other link-X, block-X comes up with a higher z-index than other blocks.

    You could even go with opacity + pointer-events (+ transition), with a z-index fallback for unsupport browsers thanks to Modernizr.

    # October 10, 2012 at 11:59 am

    Or use some jQuery, where you can have a number of content blocks stacked on top of eachother, but they’re all hidden — then on hovering any menu, the corresponding content block will show.

    # October 12, 2012 at 10:46 am

    Thanks guys!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".