SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Aug 2000
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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!

  2. #2
    Kat's Meow Senior ******* WebKat's Avatar
    Join Date
    Jul 1999
    Location
    California USA
    Posts
    1,071
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    '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

  3. #3
    Serial Publisher silver trophy aspen's Avatar
    Join Date
    Aug 1999
    Location
    East Lansing, MI USA
    Posts
    12,939
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Why make things complicated?

    Use simple css.
    Code:
    <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>
    Chris

    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]

  4. #4
    SitePoint Guru CJ's Avatar
    Join Date
    Apr 2000
    Location
    Mechelen, Belgium, Europe
    Posts
    684
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by aspen
    Why make things complicated?

    Use simple css.
    Code:
    <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>
    Chris

    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)

    Christophe

  5. #5
    Serial Publisher silver trophy aspen's Avatar
    Join Date
    Aug 1999
    Location
    East Lansing, MI USA
    Posts
    12,939
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •