Snap Builder Public Codes Library
Snap | Generators | Login | Browse | Search | Enter Code | Export Snap Builder Public Codes Library


Category: Javascript Codes Library >> Background Effects >> Background Color Changer >> Change Document Background Color

Code Snippet </> Info

Snippet Name: Change Document Background Color

Description: Change a document background color with simple mouseover selection.

Compatible Browsers:
Chrome BrowserFirefox BrowserInternet Explorer BrowserOpera BrowserSafari Browser

Example: View Code Demo

Note: A simple background changer without needing to use CSS.

Author: SnapBuilder <>

Last Modified: 2015-12-13 06:17:35

Language: javascript

Highlight Mode: javascript

Copy Codes: Use Free Notepad ++
Bookmark and Share

Snap HTML Code Editor:
Paste the source code, make changes and instantly see it in live preview.
Snap HTML Code Editor

  About Copying
Copied To Clipboard!

<html> <head> <title>Change Document Background Color</title> </head> <body> <p> [<a href="#" onmouseover="document.bgColor='green'">Green</a>]<br /> [<a href="#" onmouseover="document.bgColor='greem'">Bright Green</a>]<br /> [<a href="#" onmouseover="document.bgColor='seagreen'">Sea Green</a>]<br /> [<a href="#" onmouseover="document.bgColor='red'">Red</a>]<br /> [<a href="#"onmouseover="document.bgColor='magenta'">Magenta</a>]<br /> [<a href="#"onmouseover="document.bgColor='fusia'">Fusia</a>]<br /> [<a href="#"onmouseover="document.bgColor='pink'">Pink</a>]<br /> [<a href="#"onmouseover="document.bgColor='purple'">Purple</a>]<br /> [<a href="#"onmouseover="document.bgColor='navy'">Navy</a>]<br /> [<a href="#"onmouseover="document.bgColor='blue'">Blue</a>]<br /> [<a href="#"onmouseover="document.bgColor='royalblue'">Royal Blue</a>]<br /> [<a href="#"onmouseover="document.bgColor='Skyblue'">Sky Blue</a>]<br /> [<a href="#"onmouseover="document.bgColor='yellow'">Yellow</a>]<br /> [<a href="#"onmouseover="document.bgColor='brown'">Brown</a>]<br /> [<a href="#"onmouseover="document.bgColor='almond'">Almond</a>]<br /> [<a href="#"onmouseover="document.bgColor='white'">White</a>]<br /> [<a href="#"onmouseover="document.bgColor='black'">Black</a>]<br /> [<a href="#"onmouseover="document.bgColor='coral'">Coral</a>]<br /> [<a href="#"onmouseover="document.bgColor='olivedrab'">Olive Drab</a>]<br /> [<a href="#"onmouseover="document.bgColor='orange'">Orange</a>] </p> [ YOUR CONTENT GOES HERE ] </body> </html>

[ Snippet Options ]


© 2002 -  Snap Builder Public Codes Library