Html 将鼠标悬停在表格的某个单元格上,使其显示较小单元格的较大图片

Html 将鼠标悬停在表格的某个单元格上,使其显示较小单元格的较大图片,html,dreamweaver,Html,Dreamweaver,是否有任何功能或命令可用于从此功能拍摄“弹出”图片: <a class="thumbnail" href="#thumb"> <img src="productURL" width="100px" height="142px" border="0" /> <span> <img src="productURL" /> <br /> <font face="arial"

是否有任何功能或命令可用于从此功能拍摄“弹出”图片:

<a class="thumbnail" href="#thumb">
    <img src="productURL" width="100px" height="142px" border="0" />
    <span>
        <img src="productURL" />
        <br />
        <font face="arial">productname</font> 
    </span>
</a>

是否显示在页面右侧的表格中

注: 我正在使用Dreamweaver CS6

也许有一种方法可以将弹出窗口放在一个类中,它必须显示在前面定义的表中?

编辑过的 你可以这样做

在html表格单元格标记中添加一个id

HTML

<img src = "xyz.png" onmouseover="showimage();" onmouseout="hideimage();" />

桌子呢

<table><tr><td id="showimage"></td></tr></table>

Javascript

function showimage()
{
    document.getElemtnById('showimage').append('<img src="xyz">');
}

function hideimage()
{
    var elem = document.getElemtnById('showimage');
    elem.removeChild(elem.childNodes[0]);
}
函数showimage()
{
document.getElemtnById('showimage')。append('');
}
函数hideimage()
{
var elem=document.getElemtnById('showimage');
elem.removeChild(elem.childNodes[0]);
}

问候。

@kelly谢谢你的建议。我对html有点陌生现在你的html代码中有标签。很难弄清楚这里的问题是什么?是的,我是。我有一个CSS,就像Xfactor的一样,他在这里发布了他的答案。但是我想不出一种方法来把弹出窗口放在一个固定的位置,它位于一个1x1表格中,离左边70%。谢谢你的回答,但我已经把它编码好了。我想让“弹出窗口”显示在一个表的单元格上,该单元格位于pageuse jquery左侧的70%,而不是在div中显示,只需将代码粘贴到表中即可。Regards我的站点的主机不支持jquery,所以我需要使用HTML或Javascriptuse javascript,调用hover函数并在该表中显示图像(为要显示图像的单元格指定id,然后为该单元格指定一个要显示的图像)。Regardsok,我将在web上查找一些关于JavaScript的教程,然后报告。本周我开始学习webdesign,所以除了简单的编程逻辑背景知识外,我几乎一无所知