Hay muchos efectos que puedes lograr sin necesidad de javascript. El aspecto de un elemento en tu página está controlado por CSS y éste cuenta con una pseudo propiedad hover que sirve para dar el estilo deseado precisamente cuando el ratón está sobre el elemento.
Aquí un ejemplo muy sencillo:
Código:
<!DOCTYPE HTML>
<html>
<head>
<title> Botón </title>
<meta http-equiv='content-type' content='text/html; charset=iso-8859-1'>
<style type='text/css'>
.boton {
cursor: hand;
background-color: #336600;
font: .9em sans-serif;
color: #FFFFFF;
width: 100px;
height: 30px;
border: 1px solid silver;
text-align: center;
line-height: 30px;
}
.boton:hover {
width: 105px;
height: 35px;
line-height: 35px;
color: #B7FF22;
}
</style>
</head>
<body>
<div class='boton'>
Aprieta
</div>
</body>
</html>
// Saludos