<A HREF="//www.webdevelopersnotes.com" onmouseover="window.status='Go Back To Home Page'; document.bgColor='#EEEEEE'"> Change the background color and put a message on the status bar </A>
Each of these statements carries an instruction for the interpreter. The first one changes the message on the status bar while the second changes the background color. The statements are executed in the order they appear. You might not notice it with this example as the execution very fast.
A similar example is to bring up an alert box and change the background color.
<A HREF="//www.webdevelopersnotes.com" onmouseover="window.alert('Go Back To Home Page'); document.bgColor='#EEFFFF'"> Change the background color and bring up an alert box</A>
<A HREF="http://www.webdevelopersnotes.com/" onmouseout="document.bgColor='#FFEEEE'"> Changes the background color when the mouse is placed and then taken off the link </A>
Take your mouse pointer gradually over the link and keep it there… nothing happens; however, the moment you take it off, the background color is changed.
Here is an irritating psychedelic (?!) effect:
<A HREF="http://www.webdevelopersnotes.com/" onmouseover="document.bgColor='#FFFF00'" onmouseout="document.bgColor='#FFFFEE'"> Move your mouse over me! </A>
onmouseover changes the background color to a bright yellow while onmouseout changes it back to the original color.
(Moving the mouse over the link repeatedly will result in a bad headache!)
At Amazon's warehouse, the person (picker) who locates products may walk 10 miles or more in one day. [more...]