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

先說(shuō)下做法吧，首先要更改列表模板中評(píng)論板塊的布局，改成如下結(jié)構(gòu)：

 

       
       
       
       
       
       

commment1

commment2

commment3

commment4

commment5

依此類(lèi)推……

 

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

前面）

 

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

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

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

div布局結(jié)構(gòu)如下：

 

    

         
• commment1

         
• commment2

         
• commment3

         
• commment4

         
• commment5

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

    

 

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

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

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

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

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