3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Mouseover Javascript

by Voyager64
2 replies
  • WEB DESIGN
    • |
Hi there,

I want to put web 2.0 style buttons on my website - the ones where when you hover over them it changes colour. I am told this is javascript on mouseover?

I have found a website where I can make the buttons which I have done but can anyone point me in the right direction on how to write the script or html code to place on my website?

Thanks in advance

Jonathan
#javascript #mouseover
  • Profile picture of the author theIMgeek
    The script for this is contained within the IMG tag for the button graphic.

    HTML Code:
    <a href="/link-to-page"><img src="/images/button_regular.gif" onmouseover="this.src='/images/button_hover.gif';" onmouseout="this.src='/images/button_regular.gif';" /></a>
    So onmouseover changes the image source to your highlighted graphic, and onmouseout changes it back.

    -Ryan
    Signature
    FREE WSO: Protect and Automatically Deliver Your Digital Products

    Ask the Internet Marketing Geek     <-- Happy to help with technical challenges
    MiniSiteMaker.org <-- Free software to make your mini-sites fast and easy
    {{ DiscussionBoard.errors[2035369].message }}
  • Profile picture of the author VicFranks
    Might check into CSS image rollovers.

    If someone is browsing with javascript disabled they will still be able to view you wonderful creativity and efforts..
    {{ DiscussionBoard.errors[2053425].message }}

Trending Topics