/    Sign up×
Community /Pin to ProfileBookmark

Rollover with Background Image change

Copy linkTweet thisAlerts:
Jun 06.2006

Good Evening!

I have been searching for some help regarding a basic navigation that consists of approximately 6 headers listed vertically.

Each header has a rollover state (change in color) and a background image change.

I can’t figure out how to have the background of the vertical list change background as you hover over each header. Each header has it’s own background image that is associated with it. (It’s a graphical looking image that spans the vertical list of headers).

Thanks so much for any guidance,
Tara

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@phpnoviceJun 06.2006 — Hi Tara,

If the image is only for an individual "header" then you can use this:

onmouseover="this.style.backgroundImage = 'url(...url...)'; return true;"

If the image is for the container in which all "headers" lie then you can use this:

onmouseover="document.getElementById('containerID').style.backgroundImage = 'url(...url...)'; return true;"
Copy linkTweet thisAlerts:
@livetolearnauthorJun 06.2006 — phpnovice,

Thanks so much for your help. There will be an image for each header that will show up in the background.

I'll try and incorporate this. If you have any examples please feel free to forward.

Thanks again!

Tara
Copy linkTweet thisAlerts:
@phpnoviceJun 06.2006 — You're welcome.

Cheers.
×

Success!

Help @livetolearn spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...