訊息跑馬燈公告效果 (應用)

今天抽了點空整理了一些客戶清單 , 順便製作了一個訊息跑馬燈公告效果安裝於首頁 , 相信從首頁進來的朋友應該都有看到 ( 悄悄低調的曝光一些合作客戶 )

這個效果的製作 , 我是以 男丁格爾仿Yahoo滾動訊息跑馬燈 這個範例製作的 , 只有將CSS稍做調整 ( 懶人極致A__A ) , 如何安裝於DZ上 , 我大致上說明一下我的設計方法：

1. 啟用DIY主題模塊 , 放置想要放置的位置 , 並指定要調用版區 , 文章數量等基礎設定

2. 透過DISCUZ強大的DIY功能 , 自定義模塊模版內容 , 跑馬燈相關的CSS +JS + HTML相關程式碼放置其中 , 當然循環輸出區域要指定一下 , 讓他作用在 <li>......</li> 區域 , 外加調用主題分類 + 標題 + 文章摘要 , 大功告成 ~

只要你有CSS的底子 , 以及HTML的撰寫能力 , 相信可以做更多有趣的跑馬燈 :)