siema 介绍
Siema ?是 一个 轻量级(压缩后只有1kb)的 JavaScript 轮播 插件 ,没有依赖也没有初始样式(需要自己 添加 样式)。 支持 IE10、Chrome 12、Firefox 16、Opera 15、Safari 4、Android bro wser 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/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。