Need help using a mouse over effect

[bigdogcattle]

I have the following code for a sign up form. I want the button to change when the mouse hovers over. Can someone help me? The button that I want it to change to is: sign_up_mouseover.png


<ul class="site-nav2">
<p>&nbsp;</p>
<FORM ACTION="https://app.expressemailmarketing.com/Survey.aspx?SFID=75036" METHOD="POST">
<div align="center"> <span class="style20"><FONT FACE="arial, helvetica">Sign up for our Mailing List
</FONT></span>
<BR>
<input type="TEXT" name="email" />
<BR>
<INPUT TYPE="IMAGE" SRC="images/sign_up.png" ALIGN="ABSMIDDLE" BORDER="0" />
<INPUT TYPE="HIDDEN" NAME="SkipSurvey" VALUE="FALSE" />
</div>
</FORM>
</ul>



Attached is what the form looks like now. You can see it at www.bigdogcattle.com

Thanks
Jamie
http://bigdogcattle.com/images/Capture.PNG

[mod::code tags added]

[dmcleary]

Hello Bigdogcattle,

Sitepoint have an excellent tutorial and explanation of what you need:

http://articles.sitepoint.com/article/mouseover-images

I hope that helps.

Regards,


David