很酷的HTML5/CSS3表格?

很酷的HTML5/CSS3表格?,html,jquery,css,Html,Jquery,Css,我看到一个代码,它以表格的形式显示了3个产品和产品规格,一个挨着另一个,当你把鼠标悬停在一个产品上时,它有点弹出。它可能是jQuery,而不是HTML5或CSS3,但我想知道是否有人知道我在说什么,我在哪里可以找到这些代码?您可以为elemet添加所需的css样式,并使用id,比如“popped” 还有剧本: $(".product").hover( function () { $(this).attr('id','popped');} fu

我看到一个代码,它以表格的形式显示了3个产品和产品规格,一个挨着另一个,当你把鼠标悬停在一个产品上时,它有点弹出。它可能是jQuery,而不是HTML5或CSS3,但我想知道是否有人知道我在说什么,我在哪里可以找到这些代码?

您可以为elemet添加所需的css样式,并使用id,比如“popped”

还有剧本:

     $(".product").hover( 
          function () { $(this).attr('id','popped');}
          function () { $(this).attr('id','');}
        );

$(“.product”)。悬停(
函数(){$(this.attr('id','popped');}
函数(){$(this.attr('id','');}
);

“产品”是产品选项卡的一个类。

@Maddy请提供一个指向该示例的链接,或更详细地描述其效果。理想情况下,您应该使用
$.addClass()
$.removeClass()
,甚至
$.toggleClass()
而不是更改元素的
id
。如果您所做的只是添加一个id,那么您实际上不需要jquery。您最好在tr:hover中定义样式。@Robin
tr:hover
不太支持跨浏览器。(我相信需要一个doctype才能开箱即用)没错,但他可能不在乎ie6。无论如何,我不认为他的意思是“改变背景颜色”与“弹出”,所以js可能是必需的。