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 ，具体代码可在公众号内‘技术圈’内获得！