搜索
byadmin 發表於 2015-4-2 18:09:08 , 3947人已閱讀 , 0人回應
今天抽了點空整理了一些客戶清單 , 順便製作了一個訊息跑馬燈公告效果安裝於首頁 , 相信從首頁進來的朋友應該都有看到 ( 悄悄低調的曝光一些合作客戶 )
這個效果的製作 , 我是以 男丁格爾仿Yahoo滾動訊息跑馬燈 這個範例製作的 , 只有將CSS稍做調整 ( 懶人極致A__A ) , 如何安裝於DZ上 , 我大致上說明一下我的設計方法:
1. 啟用DIY主題模塊 , 放置想要放置的位置 , 並指定要調用版區 , 文章數量等基礎設定
2. 透過DISCUZ強大的DIY功能 , 自定義模塊模版內容 , 跑馬燈相關的CSS +JS + HTML相關程式碼放置其中 , 當然循環輸出區域要指定一下 , 讓他作用在 <li>......</li> 區域 , 外加調用主題分類 + 標題 + 文章摘要 , 大功告成 ~

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

訊息公告效果.jpg



收藏回覆 只看該作者 道具 舉報

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

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


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

信箱:sr.design2011@gmail.com

, Processed in 0.040181 second(s), 42 queries , Gzip On.

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

Core - DZ2.5 GMT+8, 2024-11-21 20:33

回頂部