<!
DOCTYPE html>
<html>
<head>
<title>Background color</title>
</head>
<body>
<h1 align="center">7 different & visibly distinct background colors</h1>
<form name="frm 1">
<center>
<input type="button"name="btncolor"value="Change Colors" onMouseOver="f1()">
<input type="button"name="btnmsg"value="Message Display"onClick="msg()">
</form>
</body>
<script type="text/javascript">
function f1()
[Link]="red";
[Link]("f2()",1500);
function f2()
{
[Link]="green";
[Link]("f3()",1500);
function f3()
[Link]="blue";
[Link]("f4()",1500);
function f4()
[Link]="orange";
[Link]("f5()",1500);
function f5()
[Link]="skyblue";
[Link]("f6()",1500);
function f6()
[Link]="voilet";
[Link]("f7()",1500);
function f7()
{
[Link]="aqua";
[Link]("f1()",1500);
function msg()
alert("Display of 7 different color");
</script>
</html>