[代码样式]Smoothslides – 可平移的jQuery幻灯片插件

简介

Smoothslides 是一款基于 jQuery 的响应式幻灯片插件，它与其他幻灯片最大的不同之处是幻灯片内的图片可移动，并且可设置移动的方向（左/右/左上/右下等等），使幻灯片更加特别、有趣。

浏览器兼容

IE10+ ✔	Chrome ✔	Firefox ✔	Opera ✔	Safari ✔

Smoothslides 平移的动画效果是通过 CSS3 transition 和 translateX/translateY 实现的，所以 IE 系列只有 IE10+ 支持，但在 IE7 – IE9 中，仍可正常工作，只是没有平移的动画效果。

使用方法

1、引入文件

<link rel="stylesheet" href="https://www.dowebok.com/css/smoothslides.theme.css" rel="external nofollow" >
<script src="https://www.dowebok.com/js/jquery.min.js"></script>
<script src="https://www.dowebok.com/js/smoothslides-2.1.0.min.js"></script>

2、HTML

<div class="smoothslides" id="dowebok">
    <img src="https://www.dowebok.com/images/1.jpg" alt="叶子">
    <img src="https://www.dowebok.com/images/2.jpg" alt="山脉">
    <img src="https://www.dowebok.com/images/3.jpg" alt="树">
    <img src="https://www.dowebok.com/images/4.jpg" alt="天空">
</div>

3、JavaScript

$(window).load(function(){
    $('#dowebok').smoothSlides();
});

配置

GitHub 地址：https://github.com/kthornbloom/Smoothslides

百度网盘" name="Smoothslides – 可平移的jQuery幻灯片插件" pass="" code=""]