1.11M Members

Change the Background Color with onMouseover (HTML)

 
0
 

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

<!-- 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>
 
0
 

:rolleyes: hai

 
0
 

i think its not working

 
0
 

;) ;) Boring 100% Nothing Work It. Like U

 
0
 

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.

 
1
 

is it possible to do this same work using outside"CSS" file?plz do reply
thanks
lizzeelike

 
0
 

NO

 
0
 

how can use anchor teg in html . what's type of anchor teg?

 
0
 

You can do that by using CSS. Supposind you want to change the background colour of class MenuOption object:

.MenuOption:hover {
   background-color: grey;
}
 
0
 

so i got a code like onMouseOver="this.bgColor=&#39;#fb2b27&#39;" how do i change it in to green color

 
0
 

First of all, this thread is over 6 years old, so you are lucky to get a reply, read the rules.
Search before asking.
You are obviously very new to this if you didn't know &#39; is the ANSI code for ' and the #FB2B27is a red, #00B008 will be a green so the code is "this.bgColor=&#39;#00B008&#39;"and this will give you a green. Or you can write it "this.bgColor='#00B008'"

Isn't it about time forums rewarded their contributors?

Earn rewards points for helping others. Gain kudos. Cash out. Get better answers yourself.

It's as simple as contributing editorial or replying to discussions labeled or OP Kudos

You
This is an OP Kudos discussion and contributors may be rewarded
Post:
Start New Discussion
Tags Related to this Article