這兩天一直在研究這個(gè)問(wèn)題。原因很簡(jiǎn)單：在仿Prowe V3這款主題時(shí)，評論列表那個(gè)地方，網(wǎng)頁(yè)一直沒(méi)辦法實(shí)現原作的樣式，即：評論條目1、2、3、4、5、6……背景色輪換交替顯示。我知道這個(gè)效果對Z-Blog來(lái)說(shuō)實(shí)現有點(diǎn)困難，必須借助JS來(lái)達成（其實(shí)WP也是倚靠JS來(lái)實(shí)現的），而我偏偏又對JS似懂非懂。沒(méi)辦法，只得硬著(zhù)頭皮去請教haphic，結果他丟給了我一段JS代碼，說(shuō)是針對這個(gè)問(wèn)題的。哇，頭暈！說(shuō)實(shí)話(huà)，我一點(diǎn)兒也沒(méi)看懂。怎么辦呢？接下來(lái)的幾天時(shí)間里，一直在思考這個(gè)問(wèn)題。工夫不負有心人呵，總算讓我寫(xiě)出了一個(gè)有效的代碼。這里發(fā)出來(lái)，與大家共享下——

先說(shuō)下做法吧，首先要更改列表模板中評論板塊的布局，改成如下結構：

 

       
       
       
       
       
       

commment1

commment2

commment3

commment4

commment5

依此類(lèi)推……

 

接著(zhù)，再定義隔行屬性以及判斷函數（注意：下面的JS定義代碼必須放到

前面）

 

OK，這樣就可以啦，就是這么簡(jiǎn)單。

注意：在這里，style下的css樣式是機動(dòng)的，可任由你定義，最終效果可以五花八門(mén)，比如做成一左一右的交替……

當然，你或許會(huì )說(shuō)：現在都xhtml+css時(shí)代了，還用表框來(lái)套？也對，那再來(lái)個(gè)改進(jìn)吧——用li元素來(lái)裝每一條評論，這樣顯示速度也會(huì )好于用表格裝吧。樣式及JS代碼如下：

div布局結構如下：

 

    

         
• commment1

         
• commment2

         
• commment3

         
• commment4

         
• commment5

         
• 依此類(lèi)推……

    

 

OK，也完成了，更簡(jiǎn)單吧？

最后一點(diǎn)小提示：據我充當“小白鼠”測試，此法目前只在IE下有效，火狐、谷歌等瀏覽器，貌似都不支持。暈哦，找時(shí)間繼續改進(jìn)！先看兩個(gè)運用的范例吧——

    這個(gè)就是Prowe V3原作的評論列表樣式，背景色交替顯示。

    這個(gè)是haphic新主題的評論列表樣式，一右一右交替顯示。

不知道他們的JS與我寫(xiě)的差別在哪兒。暫時(shí)嫉妒一下呵。