Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Need code for multiple rollovers PLEASE! (newbie!)
- Thread starter paul1210
- Start date
mikey2nicey
Programmer
Hi Paul,
Here is an example of what I think you are looking for. It displays three boxes: red, green and blue. When you move your mouse pointer over one of the boxes, the other two turn pink. When the mouse pointer moves out of the box they revert back to their original colours. Heres the code:
HTH![[smile]](/data/assets/smilies/smile.gif "[smile] [smile]")
mikey2nicey
"Dream, but don't quit your day job."
Here is an example of what I think you are looking for. It displays three boxes: red, green and blue. When you move your mouse pointer over one of the boxes, the other two turn pink. When the mouse pointer moves out of the box they revert back to their original colours. Heres the code:
Code:
<html>
<title>Image RollOver Example</title>
<body bgcolor="#FFFFFF">
<center>
<p>
<a href="red.htm"
onmouseover='greenbox.src = "pink.jpg";bluebox.src = "pink.jpg"'
onmouseout='greenbox.src="green.jpg";bluebox.src = "blue.jpg"'>
<img name="redbox" src="red.jpg" border=0 width=25 height=25 alt="Red"></a>
<a href="green.htm"
onmouseover='redbox.src = "pink.jpg";bluebox.src = "pink.jpg"'
onmouseout='redbox.src="red.jpg";bluebox.src = "blue.jpg"'>
<img name="greenbox" src="green.jpg" border=0 width=25 height=25 alt="Green"></a>
<a href="blue.htm"
onmouseover='redbox.src = "pink.jpg";greenbox.src = "pink.jpg"'
onmouseout='redbox.src="red.jpg";greenbox.src = "green.jpg"'>
<img name="bluebox" src="blue.jpg" border=0 width=25 height=25 alt="Blue"></a>
</center>
</body>
</html>HTH
mikey2nicey"Dream, but don't quit your day job."
To make life easier, if you're using dreamweaver, the software has a function in there that allows you to have multile roll-over images...and it does the coding for you as well, so you do not have to worry about browser compatibility... I have not failed; I merely found 100,000 different ways of not succeding...
- Thread starter
- #4
mikey2nicey
Programmer
Hi Paul.
Good to see that its sorted now. I'm not fishing for stars but the protocol on this site is if a post has been helpful or informative then you should give it a star by marking it as helpful. It also helps others see where helpful posts have been made.
Regards![[thumbsup2]](/data/assets/smilies/thumbsup2.gif "[thumbsup2] [thumbsup2]")
mikey2nicey
"Dream, but don't quit your day job."
Good to see that its sorted now. I'm not fishing for stars but the protocol on this site is if a post has been helpful or informative then you should give it a star by marking it as helpful. It also helps others see where helpful posts have been made.
Regards
mikey2nicey
"Dream, but don't quit your day job."
- Status
Similar threads
- Locked
- Question