Hover
<style type="text/css">
.css_button {
border: solid 1px #CCC;
border-radius: 10px;
background-color: #E5E5E5;
cursor: pointer;
font-weight: bold;
height: 30px;
line-height: 30px;
text-align: center;
width: 90px;
}
.css_button:hover {
background-color: white;
}
</style>
<div class="css_button" onclick="alert('Do something here ...')">
Hover
</div>
<script type="text/javascript">
var jsImgOut = new Image(90, 30);
jsImgOut.src = "img/js_img_out.png";
var jsImgOver = new Image(90, 30);
jsImgOver.src = "img/js_img_over.png";
</script>
<p>
<a href="javascript: void (alert('Do something here ...'));">
<img src="img/js_img_out.png" width="90" height="30" alt="Hover"
onmouseover="this.src = jsImgOver.src;"
onmouseout="this.src = jsImgOut.src" /></a>
</p>