搜索
SR數位設計 ECSHOP RWD響應式技術開發 JS程式語法 超實用Jquery Slide (物件跑馬燈) 套件 - jCarouselLite ...
byadmin 發表於 2015-6-5 13:37:19 , 1762人已閱讀 , 0人回應
先來說說為什麼會推薦 jCarouselLite 這套件 , 一套優良的JQ套件 , 其實不外乎就是要易用、不要有複雜的CSS和階層、不要多太多的JS嵌套影響到執行效率、可客製調整功能效果多樣,以上優點 jCarouselLite 剛好都有 , 不過對於某些想要直接裝直接用的設計師來講 , 這套就鐵定不是首選,因為  jCarouselLite 預設值沒有美麗外觀 , 通常光這點很多人就直接上一頁,但是以Shawn來說,經常要做客製化開發,因此反而需要簡單的外觀,好方便設計在各式各樣的網站上,通常外觀漂亮的js套件,CSS上是非常難修改的(有些甚至看了會噁心感),製作反而耗時又耗神 !

2015-06-05_132528.jpg



再者,若是進行動態型網站的製作話,作用區域階層設計就很重要,以圖片或圖文物件跑馬燈來說,大部分都是嵌套在UL和LI標籤下,因此在選用JS套件的時候選用先天作用在 LI 標籤區域中的是最好製作 !  jCarouselLite 的範例頁面雖然都是展示圖片為主,但因為本身程式是作用在LI標籤中,因此可以快速的改為圖文跑馬燈形式。


以Shawn最近幫ASUS製作的垂直跑馬燈為例,原先  jCarouselLite 預設樣貌如下:

2015-06-05_133018.jpg





將 CSS 抽掉,再套用設計至Discuz DIY系統中其實非常簡單,完成樣貌如下:


asus_vertical_slide.jpg



之前其實試用過非常多相關套件,但考量客製開發需求的話, jCarouselLite 真的是相當簡易製作,可以幫助開發者省下非常多時間與麻煩,推薦給各位 ~

不過本身CSS不熟悉的使用者,就不推薦了 ! 因為它預設樣貌很陽春

(官網有詳細使用操作較學,可直接前往參考)





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

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP響應式技術開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:service@uniflow.com.tw 連絡電話03-3555-069 (時間AM10:00~PM7:30)

, Processed in 0.189143 second(s), 43 queries , Gzip On.

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

Core - DZ2.5 GMT+8, 2017-5-25 14:48

回頂部