如何使表格单元格中的图像可单击



我是一名初级程序员,正在努力弄清楚如何使图像可点击。

有一组图像,我将其放入表格中,因为这是我需要的布局。目标是在从表中选择某个图像后链接到另一个页面。到目前为止,这就是我所拥有的(具有多个单元格):

<table border="0">
    <tr>
    <td>
        <a>
            <img src="img1.jpg" width="400" height="178" class="next" onclick="change('http://www.google.com')"/>
        </a>
        <div class="imgText"> Image 1 </div></td>
    </tr>
</table>

而不是onclick,为什么不使用链接href

<a href="http://www.google.com"><img src="img1.jpg" width="400" height="178" class="next" /></a>

虽然使用 JavaScript,你会使用 window.location

onclick="window.location = 'http://www.google.com'"

如果你的代码中有:

<script>
...
function change(location){
  window.location = location;
}
...

它应该有效。另外 Blaster 的响应非常好,请记住给图像 border=0。标签中设置了 hreh 属性的图像在某些浏览器上会显示边框。

相关内容

  • 没有找到相关文章

最新更新