超实用移动端触摸屏滑动插件:iSlider.js

超实用移动端触摸屏滑动插件:iSlider.js

iSlider是一个表现出众,无任何插件依赖的手机平台javascript滑动组件。它能够
1
  • 详情内容
  • 留言点评

iSlider是一个表现出众,无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素,例如图片或者DOM元素。iSlider.js由百度团队开发维护,可能是目前最轻量、高性能的移动滑动方案, 值得大家在应用时仔细研究。

 687474703a2f2f62652d66652e6769746875622e696f2f69536c696465722f7468756d626e61696c732f69536c696465722d6c6f676f2e706e67.png

特性

优秀的性能,更少的内存占用;

提供丰富的动画切换效果,自带的效果包括 default, rotate, depth, flow, flip, card, fade 等,并且可以进行无限的扩展;

提供丰富的回调触发器,并且添加回调函数极为方便,无论在初始化还是运行过程中;

支持滑动衰减效果,循环效果,自动滑动效果,水平/垂直滑动等众多参数,且功能皆可配置;

自动适配桌面鼠标动作与移动端手势,方便测试与跨平台使用;

支持图片预加载,优秀的用户体验;

[插件] 提供多种插件,如切换按钮、场景指示器、图片缩放等,提供插件注册、管理等方法方便自定义扩展;

[2.0+] 可以按需加载需要的功能(效果 或 插件);

[2.0+] 支持更多种类的元素置入,自动匹配数据类型,识别图片并进行预加载;

[2.0+] 更完善的代理事件管理机制,优化内存占用;

[2.0+] 更加丰富的回调事件,更灵活的事件管理、触发机制;

iSlider 结构说明

iSlider.js

iSlider核心代码库,定义iSlider类,绑定touch事件,图片预加载逻辑,以及图片翻页逻辑

iSlider.animate.js

islider滑动效果库,目前支持flip、depth、flow等翻页效果。

iSlider.plugin.dot.js

场景指示器,当前所处的位置及切换到某一场景功能。

iSlider.plugin.button.js

场景切换按钮,用于切换到前(上)或后(下)一场景。

iSlider.plugin.zoompic.js

移动端图片缩放,在图片的非背景模式中,通过对图片双击或双指放大,达到放大预览的效果。 

iSlider.plugin.BIZone.js

触控点边缘脱离识别区,虽然已经加入了mouseout和touchcancel的边缘处理,但是对于某些应用里,自定义的顶部(底部)菜单栏依然无能为力。识别区的意义在于可以主动的设置这些区域达到触摸脱离的效果。

iSlider中文文档 API手册

欢迎点评!也可以是问题反馈和建议

支持Ctrl+Enter提交
暂无留言,快抢沙发!
1

真心很赞,必须打赏!嗯,以资鼓励~

点此打赏

99%看过的人还会看

老铁,为了让大家习惯在手机上用支付宝,年底马云家又疯狂了,用手机支付宝搜索“7629723”可以抢红包在实体店消费,玩法已升级,红包种类和金额都更嗨!