HTML and CSS

Change the Background Color with onMouseover (HTML)

Please support our HTML and CSS advertiser: 50% Off 6 Months Web Hosting from 1&1. The World's #1 Host!

Offline Feb 5th, 2005, 2:38 am |

Use onMouseover to change the background color of your webpage. Can be applied to change other things like images and so on.

Show Printable Version

Code Snippet

•

HTML and CSS Syntax

Toggle Plain Text

<!-- Experiments with the mouse  vegaseat  6/15/02 -->
<!-- onMouseover, href, bgcolor -->
 
<html>
<head>
 
	<title>change the background color with onMouseover</title>
 
</head>
<body>
 
Move the cursor to the color you want ...
<br>
<br>
<a href="" onMouseover="document.bgColor='red'">Red</a>
<br>
<a href="" onMouseover="document.bgColor='orange'">Orange</a>
<br> 
<a href="" onMouseover="document.bgColor='yellow'">Yellow</a>
<br> 
<a href="" onMouseover="document.bgColor='green'">Green</a>
<br> 
<a href="" onMouseover="document.bgColor='magenta'">Magenta</a>
<br> 
<a href="" onMouseover="document.bgColor='purple'">Purple</a>
<br> 
 
</body>
</html>

Code Snippet Comments

parthireach parthireach is offline

Offline | Sep 14th, 2006

•

:rolleyes: hai

prathapvs

Offline | Oct 15th, 2006

•

i think its not working

anilexi

Offline | Mar 30th, 2007

•

Boring 100% Nothing Work It. Like U

remotions

Offline | Jun 9th, 2007

•

It works, just you need to fill the href="" with # so that it looks like this: href="#". Or you will have mouse click to point your browser to the start page of your site. Also you have to disable CSS background styles for particular page.