Javascript 如何完成悬停效果来显示图像，而不限于演示站点中显示的表格

如何使用jquery或其他方式来完成悬停效果，以显示不限于表格的图像，并且可以在其上方显示为图片？如演示站点所示

 ([a link]http://23.23.218.31:8080/PheniBQ/project/id/4)

如果单击“此项目中的变量列表（找到11个条目）”，并将鼠标悬停到表格的每一行，表格上方将显示图像

我已经在html中完成了表格，并且在服务器中有了图像。但我不知道如何显示图像

我的html代码：

   <tr data-depth="0" class="expand" style="line-height:30px;">
        <td style="text-indent: 1em;font-family:Arial;font-size:14px;cursor:pointer"><span class="toggle collapse"> List of Variables in this project (${vcount} entries found.) </span></td>
   </tr>
   <tr data-depth="1" class="expand level1" style="display:none; ">
        <td style="text-indent: 0.5em;width:3400px;"><span class="collapse level1">  
        <div id="demo">
            <table cellpadding="0" cellspacing="0" border="0" id="table3" class="display">          
                <thead>
                    <tr>
                        <th ><h3>#</h3></th>
                        <th ><h3>Variable Name</h3></th>
                        <th ><h3>Method description</h3></th>
                        <th ><h3>Scale</h3></th>
                    </tr>
                <thead>
                <tbody>
                    % for vitem in vsearch:
                        <tr>
                            <td >${vitem['vcount']}</td>
                            <td ><dl class="collapse" >
                                     <dt >${vitem['vname']}&emsp;<img src="${request.static_url('phenibq_p:static/images/Chart_Bar.png')}" mce_src="image.jpg" width="30" height="30"></dt>
                                     <dd style="display:none"><img src="${request.static_url('phenibq_p:static/images/'+vitem['picfile'])}"></dd>
                                </dl>
                            </td>
                            <td >${vitem['mdes']}</td>
                            <td >${vitem['scalename']}</td>
                        </tr>
                    % endfor
               </tbody>
           </table> 
        </div>

       </span>
    </td>
  </tr>

此项目中的变量列表（找到${vcount}个条目。）
#
变量名
方法描述
规模
%对于vsearch中的vitem：
${vitem['vcount']}
${vitem['vname']}&emsp；
${vitem['mdes']}
${vitem['scalename']}
%结束

---

我想在鼠标悬停到Chart_Bar.png（dt）时显示vitem['picfile']（dd）。显示的图像不应局限于表格。THX~

您能提供一个您遇到问题的代码示例吗？那会有帮助的。你是说我的html代码？