arousel屬于微型jQuery插件,主要用于輔助界面滑動，可通過滾動鼠標在網站上完成觸屏輸入，此功能支持HTML語言。

特點：

• 支持觸屏操作

• 含“上一個”“下一個”功能

• 可改變當前幻燈片;

• 可使用圖像及HTML;

• 各種選項(如動畫效果,計時,啟用,禁用等屬性)

• 使用css轉換改變滑動模式(視頻加速)

• 響應性，可占據有效空間，縮小圖像，適應滑屏需要

使用Bower安裝

運用下列命令:bower install swipeslider或者bower install swipeslider --save安裝并保存項目。

手動安裝

1. ?頁面添加2個文件:swipeslider.min.js和swipeslider.css

2. ?添加jQuery庫

3. ?在HTML中為幻燈片添加標記，如下:

<figure id="sample_slider" class="swipeslider">

<ul class="sw-slides">

<li class="sw-slide">

<img src="img/lang_yie_ar_kung_fu.jpg" alt="Lang from Yie Ar Kung Fu">

</li>

<li class="sw-slide">

<img src="img/summer_beach.jpg" alt="Summer beach concept">

</li>

<li class="sw-slide">

<img src="img/borderlands_tiny_tina.jpg" alt="Tiny Tina from Borderlands 2">

</li>

<li class="sw-slide">

<img src="img/redhead.jpg" alt="Redhead girl">

</li>

</ul>

</figure>

智能社 撰稿，更多知識請關注微信號zhi_neng_she ，具體代碼可在公眾號內‘技術圈’內獲得！