Javascript Rollover With A Submit Button

Here's the script section:

function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}

function jumpto2(url){
window.location=url
}

if the form uses a type=button when kyou rollover the button it changes

form onMouseover="change(ྒྷcefa')" onMouseout="change('d3d3d3')"
input type="button" value="Hosting " class="color2"
onClick="jumpto2('hosting.html')"

however if the input type is submit instead of button when the button is
rolled over it does not change color here is what I mean:

form action="processLogin.jsp" method="post" onMouseover="change(ྒྷcefa')"
onMouseout="change('d3d3d3')"
input type="text" name="userName"
INPUT TYPE="submit" value="Login" class="color2"

My question is if the method is post and the input type is submit anyway to
make it rollover? if not what would a javascript look like that would use
the post method?