Html 表单元动态变化

Html 表单元动态变化,html,border,cell,Html,Border,Cell,我正在从事一个项目,该项目要求在表格中显示一组产品图像和链接,并希望在鼠标上实现表格单元格的动态更改,就像在查找时一样 在搜索结果页面上的任何表格单元格并将鼠标悬停在其上时,单元格边框将变为凸起的三维边框 我想知道如何实现这种效果?jQuery将是我的方法 你可以给你的桌子上一节课 然后,在外部.js文件或页面头部的脚本标记中,您可以简单地执行以下操作: $(".niceBorder").hover(function(){ $(this).css("border", "2px outs

我正在从事一个项目,该项目要求在表格中显示一组产品图像和链接,并希望在鼠标上实现表格单元格的动态更改,就像在查找时一样

在搜索结果页面上的任何表格单元格并将鼠标悬停在其上时,单元格边框将变为凸起的三维边框


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

jQuery将是我的方法

你可以给你的桌子上一节课

然后,在外部.js文件或页面头部的脚本标记中,您可以简单地执行以下操作:

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

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

有很多不同的方法,请看一下这些tut:


纯CSS:

看看这个更大的例子,非常感谢。我查看了你的代码,研究了你链接到的页面,效果非常好!