Posted on 2006-03-11 14:55
橘子 閱讀(357)
評論(0) 編輯 收藏 所屬分類:
WEB開發
網頁制作中表格扮演了很重要的角色。你是否知道，表格還有很多的秘密呢？通過與Javascript、CSS等的結合，表格還有很多巧妙的用處。
1、用表格做流動分割線
我們知道，在網頁中可以用
標識來做分割線，也可以把表格設置為1個象素高或寬充當分割線。現在，我們將表格與Javascript結合，可以做出更生動的分割線——流動的分割線。加入以下代碼，你就可以看到一條分割線，顏色在不斷的流動。
在上面的代碼中，我們可以通過修改
標識中的height和width設置分割線的高度和長度。
2、帶滾動條的表格
看看圖一的效果，可千萬不要以為是IFRAME，這可是地地道道的表格！其實，這是表格和CSS結合的效果。當網頁上有大段文字要顯示，而又沒有足夠的空間時，這就派上用場了。雖然用文本框也可以實現類似效果，但卻遠沒有用表格靈活。代碼很簡單，只要在單元格
標識后加上如下代碼就可以了：
3、帶標題的表格
看看圖二的效果。通常，我們要給表格加標題，不是用單元格的方法就是用圖片，很麻煩。其實，我們可以只用很一些很簡單的HTML標識，就可以輕松實現給表格加標題了。這個標識似乎已被人遺忘，很少看到使用，不過它實現的效果還是很不錯的。下面就來看看如何實現：
|
|
|