一、編寫live.html頁面，1、JavaScript實作表格的隔行換色，并且當滑鼠移過時目前行高亮顯示；2、是輸出表格中的abbr标簽的内容
實作後的效果圖是這樣的：
1、實作思路
在輸出表格的時候，給出一個判斷，如果偶數或是奇數行我們想換色，則添加一個class為odd的值，在這個class裡就設定了表格不同顔色tr行。
這裡用到了一個判斷函數：（下面是兩個不同的方法，任選其一）
法一中，是使用一個odd辨別來實作隔行換色，剛開始設定odd表示為false，然後進入循環後，判斷，如果odd是true則添加class為odd的值，否則則設定為true，這樣在第二次循環時，讀到的便是odd=true，讀到是true後，又設定為false，這樣在下次讀取又是false，就不設定class =odd，就達到了隔行設定class=odd，實作隔行換色。
法二中，更直接。判斷第二次循環的參數j，與2取模後，結果是否0來确定是否添加class = odd。
2、代碼
（1）首先，把template.html中的代碼拷貝到live.html中，将div 的id為content的部分，寫入如下：
View Code
（2）然後，修改webdesign.css、color.css、typography.css檔案
（3）最後，建立live.js檔案，來為頁面編寫JavaScript效果
ok了。現在打開谷歌浏覽器就可以看到隔行換色的表格了。
二、學與思
1、設定标志var odd = false;
這是一個不錯的方法，不用像第二個方法那樣，進行取模運算，雖然取模運算更容易了解，但是畢竟要計算。
還未進入循環時，設定為false，進來後if判斷，判斷為真，添加class= odd後，再次讓标志位false，進入到下一次循環中。
2、節點的建立和挂載。