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

时间:2013-02-28 15:03:49

标签: html dreamweaver

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

<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

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

1 个答案:

答案 0 :(得分:0)

<强> EDITED 你可以通过这个

来做到这一点

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

问候。