表格單元動態變化

我正在研究一個需要在表格中顯示一組產品圖像和鏈接的項目，並且希望在鼠標上實現表格單元格的動態更改，就像他們在「查找」中那樣實現http://www.thefind.com 。表格單元動態變化

當您在搜索結果頁面上的任意表格單元格上執行搜索和鼠標操作時，單元格邊界將更改爲凸起的3-D類型邊框。

我想知道如何實現該效果？

2011-05-05 WayneDude

jQuery將是我的方式去做這件事。

您既可以在外部.js文件或者在網頁的頭部分的腳本標籤，你可以簡單地做somethign像下面給出一個類你的表TD的類似<td class="niceBorder"></td>

然後：

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

確保在頁面中的.js文件或腳本標記之前在頁面中包含jQuery庫。

2011-05-05 14:08:49 azzy81

看一看這一個更大的例子http://www.devcurry.com/2009/02/change-table-border-color-on-hover_27.html – azzy81 2011-05-05 14:10:52

非常感謝。我檢查了你的代碼，並研究了你鏈接的頁面，它工作的很好！ – WayneDude 2011-05-05 23:06:24

有相當多的不同的方式去了解它，給這些TUTS幾個一看：

2011-05-05 14:58:55 bpeterson76

回答