Question

我正在开发一个项目，该项目需要在表格中显示一组产品图片和链接，并且希望在鼠标上实现动态更改表格单元格，就像在查找http://www.thefind.com上一样。

当您搜索并将鼠标悬停在结果页面上的任何表格单元格上时，单元格边框将更改为凸起的3-D类型边框。

我想知道如何实现这种效果？

Answer 1

jQuery将是我继续这样做的方式。

您可以为您的表格提供类似<td class="niceBorder"></td>

的课程

然后，无论是在外部.js文件中，还是在页面头部的脚本标签中，您都可以像下面那样做一些事情：

$(".niceBorder").hover(function(){
     $(this).css("border", "2px outset silver");
})

确保在.js文件之前的页面中包含jQuery库或在head部分中包含脚本标记。

Answer 2

有很多不同的方法可以解决这个问题，给出一些看法：