在悬停显示文本框的图像

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/hide/
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();    
    }
);