<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<!--
Code copyright 2005 by Computeledge, Inc.
GPL License

Note: Brown Text: Javascript
      Violet Text: CSS Styles
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Moving Button</title>

<script type="text/javascript">
//Arrays to store top and left positions
var leftPos = new Array;
var topPos = new Array;
leftPos = [ 125,150,200,250,300,350,400,500 ];
topPos = [ -43,25,50,100,150,100,50,0 ];
var curIndex = 0;

function moveIt()
{
curIndex++;
if (curIndex == 8)curIndex = 0;
document.getElementById("bt1").style.marginLeft = leftPos[curIndex];
document.getElementById("bt1").style.marginTop = topPos[curIndex];
}
</script>

<style type="text/css">

div.mainbox{
background:#ddeeff;
margin-left:auto;
margin-right:auto;
width:300px;
height:320px;
text-align:center;
padding-top:20px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
font-size:80%;
}
div.bt{
position:relative;
margin-top:0px;
height:5;
margin-left:auto;
margin-right:auto;
}
#bt0{
margin-left:-100px;
margin-top:10px;
font-weight:bold;
width:100px;
}
#bt1{
position:relative;
margin-top:-43px;
margin-left:125px;
font-weight:bold;
width:100px;
}

</style>

</head>

<body style="text-align:center">

<div class="mainbox">
<img src="gbush.jpg" width="200" height="200"><br><br>
My fellow Americans! Please let me know if you think my policies are saving the planet.<br>
Click <span style="color:red">Yes</span> to Agree.<br>
Click <span style="color:red">No</span> to Disagree.
</div>

<div class="bt">
<input type="button" id="bt0" value="Yes"
onclick="alert( 'Thank you for your vote of confidence. Your honest opinion was appreciated.');">
</div>

<input type="button" id="bt1" value="No" onmouseover="moveIt()" >

</body>
</html>