[jQuerry Plugin] 好用的響應式 3D cover flow 套件- flipster

分享:

flipster 是一個好用的 3D cover flow jQuery 套件,簡單照他的格式設置就能使用。

下載套件後讀入 js 及 css,也可以透過 npm 安裝。

$ npm install jquery.flipster --save

 

安排 html 如下:

<div id="coverflow">
  <ul class="flip-items">
    <li data-flip-title="Title 1">
      <img src="1.png">
    </li>
    <li data-flip-title="Title 2">
      <img src="2.png">
    </li>
    <li data-flip-title="Title 3">
      <img src="3.png">
    </li>
    ...
  </ul>
</div>

 

然後套用:

$("#coverflow").flipster();

 

更多用法可以參考套件網站說明。

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。