<html>
<head>
<script language="JavaScript">
function bgchanger(color){
document.getElementById('cchanger').style.background=color;
window.alert(color);
}
function appear(text){
if(!document.getElementById)
return;
box = document.getElementById('ap');
box.innerHTML = text;
}
</script>
</head>
<body bgcolor="pink" ID="cchanger">
<center>
<br>
<br>
<br>
<br>
<table>
<tr>
<td ID="ap" align="center"><h1>Choose Background Color</h1></td>
</tr>
</table>
<br>
<select name="bg">
<option onMouseOver="appear('<h1>CHOOSE YOUR BACKGROUND COLOR</h1>');">Choose BackGround Color </option>
<option onClick="bgchanger('red');" onMouseOver="appear('<h1>RED</h1>');">RED</option>
<option onClick="bgchanger('orange');" onMouseOver="appear('<h1>ORANGE</h1>');">ORANGE</option>
<option onClick="bgchanger('yellow');" onMouseOver="appear('<h1>YELLOW</h1>');">YELLOW</option>
<option onClick="bgchanger('green');" onMouseOver="appear('<h1>GREEN</h1>');">GREEN</option>
<option onClick="bgchanger('blue');" onMouseOver="appear('<h1>BLUE</h1>');">BLUE</option>
<option onClick="bgchanger('indigo');" onMouseOver="appear('<h1>INDIGO</h1>');">INDIGO</option>
<option onClick="bgchanger('violet');" onMouseOver="appear('<h1>VIOLET</h1>');">VIOLET</option>
</select>
</body>
</html>
OUTPUT
No comments:
Post a Comment