Hey guys, I’m trying to do something that I haven’t done before. I want to preload a buttons hover state, when loading a page for the first time. That’s the part I can do… I was hoping that when you hover over one of the other buttons the original button that loaded in the hover state would load back to the regular link state.
Thank you for the quick response. I appreciate it. I have set-up the buttons using this sprite technique and it works perfectly. The only thing that I’m having trouble with is the idea of having one highlighted btn load. I can do this… but the problem is when I go to another button, I would like the highlighted button (button in hover on load) to go to the down state once the new button is in the hover state. I hope this make sense. I’m starting to confuse myself.
The following is a link to the working site http://www.simsadvertising.com/testSites/pdsV2/index.php. As you can see the insurance Professionals tab is highlighted at the bottom. I would like to be able to hover over the tabs and the insurance professionals tab instantly snaps to the down state. I just want to have it temporarily highlighted on load, to show that their is additional info when you hover over all of the tabs.
you may want to try a function for each link on hover state, a function for each link for non hover state and one function for selected state.
it sounds like a lot of functions, but I tried if statements and it never worked, i think because it is generated by the event.
I think you guys are over complicating this. I think the simplest solution is jQuery, create a class for the hover state in your CSS, add the class to the element on page load with jQuery and remove it as soon as you mouseover anything else.
Viewing 10 posts - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".