悬停显示图像的文本框

Question

我有一个简单的文本框，并且我想显示图像，如果用户将鼠标悬停在文本框上。 所以此刻我有

<input type="text" class="textbox" onkeypress="return onlyNumbers(event);" id="BitRate" name="BitRate" value="13000"> 

而且我想这样做，因此，如果用户将鼠标悬停在该文本框会显示 image.png是在同一个目录中，其中该文本是文件。

此外，如果有人可以指向我一些不错的jQuery教程，我会非常感激。为了学习jquery，我一直在尝试自己的项目，但到目前为止，我只能在网上查找代码，使用代码，使其工作，并且完全不知道为什么它能够工作。

Answer 1

样品
http://jsfiddle.net/c5ZKN/

API参考
​​
http://api.jquery.com/show/

样品教程
http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

// hide the image initially 
$('#my_img').hide(); 

$(".textbox").hover(
    // show 
    function(){ 
     $('#my_img').show(); 
    }, 
    // hide 
    function() { 
     $('#my_img').hide();  
    } 
);