I got a text and i want its background to change to a differrent colour when the mouse moves over...anyone got a source pls...?
thx
![]()
| SitePoint Sponsor |
I got a text and i want its background to change to a differrent colour when the mouse moves over...anyone got a source pls...?
thx
![]()
Heavy metal rulz!





'Text Mouseover Background' scripts, such as the following, can be found at The JavaScript Source - just have to keyword search Background, for example, and you will find many different effects.
onMouseOver Color Changer:
Need a tool for checking out background colors? This script will get you pointed in the right direction! Background changer that uses the onmouseover command. Just put your mouse on the text and colors change.
Other sites when you want a free custom script:
Website Abstraction - JavaScripts: http://wsabstract.com/
ZDNet - ScriptLibrary: http://www.zdnet.com/devhead/resources/scriptlibrary/
Dynamic Drive - DHTML Codes: http://www.dynamicdrive.com/
The Java Boutique Free Java Applets, Games, Programming Tutorials, and Downloads: http://javaboutique.internet.com/
Dlynn :: SitePoint Senior Advisor ::
PawPrint Designs by WebKat
"Dogs come when they're called; Cats take a message and get back to you later." ~ Mary Bly
Why make things complicated?
Use simple css.
ChrisCode:<STYLE> .backchange{TEXT-DECORATION: none; color: black; background-color: white} .backchange.hover {TEXT-DECORATION: none; color: black; background-color: blue} </STYLE> <a class = "backchange" href = "page.htm">Put the mouse over this and it turns blue!</a>
Ever hear of the guy who used a huge complicated java program to make an animated gif?
[Edited by aspen on 09-18-2000 at 02:50 PM]




Maybe because there's this stupid browser which doesn't fully support CSS???? (NetScape)Originally posted by aspen
Why make things complicated?
Use simple css.
ChrisCode:<STYLE> .backchange{TEXT-DECORATION: none; color: black; background-color: white} .backchange.hover {TEXT-DECORATION: none; color: black; background-color: blue} </STYLE> <a class = "backchange" href = "page.htm">Put the mouse over this and it turns blue!</a>
Ever hear of the guy who used a huge complicated java program to make an animated gif?
[Edited by aspen on 09-18-2000 at 02:50 PM]
Christophe
Its not my fault the browser is stupid ;-)
But NS 6 supports it just fine, and it will be released soon.
Not to mention the fact that using a long js to do it really slows down loading times.
Chris
Bookmarks