当前路径: 星河码客 » 插件特效 » iSlider手机平台JS滑动组件

iSlider手机平台JS滑动组件

iSlider手机平台JS滑动组件,无任何插件依赖。它能够处理任何元素,例如图片或者DOM元素。它有如下特性:能够自定义动画,自带的动画包括default, rotate, flip 和 depth你能够简易地添加回调函数(onslidestart, onslide, onslideend, onslidechange)我们还支持滑动衰减效果,循环效果,自动滑动效果,水平/垂直滑动。兼容主流浏览器使用方法:1、你需要为iSlider先新建好数据: var data = [{ height: 475, width: 400, content: "imgs/1.jpg",},{ height: 527, width: 400, content: "imgs/2.jpg",},{ height: 400, width: 512, content: "imgs/3.jpg",}];在页面插入以下HTML代码:

2 要使其运行,按下面例子新建ISlider类: 3 如果你想加其它效果,可以按照我们demo/picture示例添加: 4 如果你想滑动DOM元素而非图片,你可以按以下的格式新建DOM数据:var data = [{ 'height' : '100%', 'width' : '100%', 'content' : '

Home

This is home page

home is pretty awsome

'},{ 'height' : '100%', 'width' : '100%', 'content' : '

Page1

This is page1

page1 is pretty awsome

'},{ 'height' : '100%', 'width' : '100%', 'content' : '

Page2

This is Page2

Page2 is pretty awsome

'}];其他更多的配置选项请看:http://be-fe.github.io/iSlider/index.html

iSlider手机平台JS滑动组件

在线演示        积分下载        6毛下载        砍两刀下载       

文件目录······
暂无数据
 猜你喜欢 更多»
 工具推荐 更多»