Change image and link color on mouseover
Posted on 2000-04-27
I want to have a bullet and a text link next to each other that both change on mouseover. It has to work with IE4+ and Netscape4+.
If possible, the code to put in the <body> should look like this:
functionname('url.htm','frame','text','color','mouseovercolor','active color','visitedcolor','bulletname', 'originalbulletfilename','changebulletfilename')
(with or without <SCRIPT> </SCRIPT>)
functionname is the name of the function
url.htm is the target URL
frame is the frame where the new URL should be placed
text is the text of the link
color is the initial text color of the link
mouseovercolor is the mouseover text color of the link
*active color is the active text color of the link
*visitedcolor is the visited text color of the link
bulletname (if needed) is the name of the bullet
originalbulletfilename is the filename of the initial bullet
changebulletfilename is the filename of the changed bullet
* if there is an other solution for these settings then they can be omitted.
With this code I should be able to create a menu like this:
o About us
So when the mouse is over the word “Pictures” the text should change color and the bullet should be replaced by another. On mouseout everything should change back to normal.
Why a complex solution like this?
If you have a menu with a lot of options you can use the same bullet for every option and if normal text can be used than everything can be kept very small (transfer time) and the option text is easy to change and/or added.