Discuz X 主題列表頁隔行換色的修改方法

下面提供一個簡單的方法來實現Discuz主題列表頁達成隔行換色的效果 !

打開模板文件template/你的風格目錄/forum/forumdisplay.htm查找(如果你的風格目錄中沒有此文件，請修改default目錄下的這個文件)

1. 
   
2.                     <!--{hook/forumdisplay_side_bottom}-->
   
3.             </div>
   
4.     <!--{/if}-->
   

複製代碼

下方添加

1. 
   
2.     <style type="text/css">
   
3.     .r1 { background-color: #fff; } // 第一行顏色 - 自定義
   
4.     .r2 { background-color: #f7f7f7; } //第二行顏色 - 自定義
   
5.     </style>
   
6. 
   
7.     <script type="text/javascript">
   
8.     var t = $('threadlist').getElementsByTagName("tr");
   
9.         for(var i=0; i<t.length; i++){
   
10.             (t[i].rowIndex%2 == 1) ? (t[i].className = "r1") : (t[i].className = "r2");
    
11. 
    
12.     }
    
13.     </script>
    
14. 
    

複製代碼