[poorking]

john1992on,
Ну и что? суть в том что вы будете менять класс, а в классе свой background-position

<style type = "text/css">
button{
	border: 1px solid lime;
	background: url("http://javascript.ru/forum/images/ca_serenity/misc/logo.gif");
	color: white;
	cursor: pointer;
}

button:hover{
	border-color: red;
	background-position: center center;
}

.hovered{
	border-color: red;
	background-position: center center;
}

</style>
<button id = "#button">button</button>

<script type = "text/javascript">

var button = document.getElementById("#button");

button.onclick = function(){
	this.className = this.className == "" ? "hovered" : "";
}
</script>