[jQuery] hover effect for input type="image" (beginner question)
Hi everybody,
I have the following code:
<div id="search">
<form action="whatever.php">
<input name="searchFor" class="inputField" id="searchFor" value="search for..." type="text">
<input class="hoverThis" src="/img/btn_search.gif" alt="Search" title="Search" name="Search" value="Search" type="image">
</form>
</div>
An I would like to
A) change
src="/img/btn_search.gif"
into
src="/img/btn_search_hover.gif"
onMouseOver and back onMouseOut
B)
change value="search for..." onFocus
I know this is really a jQ-beginner question and it should be easy,
but...
Any directions?
(Doctype is <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
if that matters!?)
--
Michael Schwarz
Web Freelancer - Berlin
http://www.michaelschwarz.net/
http://www.mobilewebdesign.de/