html - 使表格的单元格在鼠标悬停时显示较小的较大图片

Question

是否有任何功能或命令可用于从此功能中获取“弹出”图片：

<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

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

Answer 1

编辑 你可以这样做

在您的 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]);
}

问候。