搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 Discuz 使用教程 Discuz X 主題列表頁隔行換色的修改方法
byadmin 發表於 2013-5-6 02:07:41 , 1904人已閱讀 , 0人回應
下面提供一個簡單的方法來實現Discuz主題列表頁達成隔行換色的效果 !

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

  1.                     <!--{hook/forumdisplay_side_bottom}-->
  2.             </div>
  3.     <!--{/if}-->
複製代碼
下方添加

  1.     <style type="text/css">
  2.     .r1 { background-color: #fff; } // 第一行顏色 - 自定義
  3.     .r2 { background-color: #f7f7f7; } //第二行顏色 - 自定義
  4.     </style>

  5.     <script type="text/javascript">
  6.     var t = $('threadlist').getElementsByTagName("tr");
  7.         for(var i=0; i<t.length; i++){
  8.             (t[i].rowIndex%2 == 1) ? (t[i].className = "r1") : (t[i].className = "r2");

  9.     }
  10.     </script>

複製代碼
Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.101017 second(s), 36 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-3-29 01:07

回頂部