Changing the background color on mouse over

**harunaksoy** · November 29, 2005

Can someone tell me how to do that? Do you need Javascript for this or can it be done with HTML/CSS

Thanks...

**RayOK** · November 30, 2005

If the item will be a link, <a>, then you could use :hover in CSS like so:

<style>
a {
   background: blue;
}
a:hover {
   background: white;
}
</style>

You could use :hover with other tags, but it won't work in IE, it only recognizes a:hover..

The more compatible method would be javascript + CSS (DHTML I think its called), like so:

<style>
span {
   background: blue;
}
.whitespan {
   background: white;
}
</style>
</head>
<body>
<span onmouseover="this.className='whitespan'" onmouseout="this.className=''">Text..</span>

Hope this makes sense and helps..

**harunaksoy** · November 30, 2005

Thanks for your help, i'll try it tonight

Sign In

Changing the background color on mouse over

Recommended Posts

harunaksoy

RayOK

harunaksoy

Please sign in to comment

Recently Browsing 0 members

Activity

Browse