siema

siema 介绍

Siema 是一个轻量级（压缩后只有1kb）的 JavaScript 轮播插件，没有依赖也没有初始样式（需要自己添加样式）。支持IE10、Chrome 12、Firefox 16、Opera 15、Safari 4、Android Browser 4.0、iOS Safari 6.0。 

用法

它使用起来非常简单。

html

<div class="siema">

<div>Hi,I'm slide 1</div>

<div>Hi,I'm slide 2</div>

<div>Hi,I'm slide 3</div>

<div>Hi,I'm slide 4</div>

</div>

js

<script src="siema.min.js"></script>

<script>

new Siema();

</script>

选项

Siema提供了一些（可选）设置，你可以通过将对象作为参数传递更改。默认值如下所示。

new Siema({

selector: '.siema',

duration: 200,

easing: 'ease-out',

perPage: 1,

startIndex: 0,

draggable: true,

threshold: 20,

loop: false,

});

selector – （字符串或DOM元素）指定选择器 

duration – （数字）滑动转换持续时间（以ms为单位） 

easing – （字符串）与css中的transition-timing-function相同 

perPage – （数字）要显示的幻灯片的数量 

startIndex – （数字）起始滑块的索引（从零开始） 

draggable – （布尔）使用拖动和触摸滑动 

threshold – （数字）触摸和鼠标拖动阈值（以px为单位） 

loop – （布尔）循环幻灯片

API

如上所述，Siema只是几个有用的方法。

next() – 转到下一张幻灯片 

prev() – 转到上一张幻灯片 

goTo(index) – 转到特定幻灯片 

currentSlide – 当前活动幻灯片的索引（只读）  

网站地址:https://pawelgrzybek.github.io/siema/

GitHub:https://github.com/pawelgrzybek/siema

网站描述:轻量级简单的纯 Js轮播插件

siema

官方网站：https://pawelgrzybek.github.io/siema/

小编说

以上是编程之家为你收集整理的siema全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。