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?
Refer this link and customize it as per your design.
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.
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.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".