h5滑动组件jmSlip

原创 2015年07月07日 10:58:33

简介

基于css3的滑屏组件
demo:点击打开链接
下载:点击打开链接

功能清单

  1. 区域横滚
  2. 整屏竖滚
  3. 滚动动画效果
  4. 区域随手滚动


DEMO

  1. var slip = new jmSlip('banner','page',{
  2. changeTime: 2000, 
  3. direction: 'x'
  4. //animate: 'flip',
  5. onTouchMove: function(evt) {
  6.     evt.preventDefault();
  7. }});

$(window).resize(function(){

  1. slip.reset();

});

基于zepto.js的移动端H5单页面跟随手指滑动切换控件pageSlider

html5 slide
  • qlp3643_1
  • qlp3643_1
  • 2016年02月14日 17:27
  • 8113

介绍一个性能飞快的移动端滑屏组件iSlider.js

islider功能介绍: /** * iSlider 高性能全屏滑动组件 * @class iSlider * @param {object} opts * @param {string...
  • laokdidiao
  • laokdidiao
  • 2016年04月17日 23:27
  • 4955

HTML5滑动(swipe)事件

移动H5开发中经常用到滑动效果(页面上移、下移、向左滑动、向右滑动等),浏览器并没有内置swipe事件,可以通过touch事件(touchstart、touchmove和touchend)模拟swip...
  • accountwcx
  • accountwcx
  • 2015年10月22日 15:23
  • 31792

微信端滑动滚动效果H5营销页面

  • 2016年03月18日 16:42
  • 4.5MB
  • 下载

h5 JS 滑动库

  • 2015年05月23日 21:05
  • 5KB
  • 下载

h5手机浏览器左右滑动切换图片效果

Previous Next //重点js引入           $(function
  • u012744265
  • u012744265
  • 2016年11月01日 15:58
  • 5138

H5手机页面滑动异步加载数据

怎样实现手机版的web页面在滑动的时候异步加载数据,直接贴代码,可以直接新建一个html页面进行测试哦,注意这里要引用jQuery插件                     $(d...
  • xiaxiaoying2012
  • xiaxiaoying2012
  • 2016年10月13日 20:53
  • 4000

h5移动开发,ionic实现滑动切换

1.node.j、ionic、cordova、ant、安装见官网http://www.ionic.wang/start-index.html 2.效果图 3.建一个空白模板: $ ionic ...
  • u013087907
  • u013087907
  • 2016年12月22日 15:15
  • 1607

从零开始学习H5应用(1)——V1.0版,简单页面滑动切换效果

标签: 可曾看见过那些在微信上转疯了的H5神作?好生羡慕啊,那么从今天开始,我将从零开始学习制作H5应用,看看那么漂亮的页面是怎么样一步一步形成的。 准备 在学习制作H5应用之前,必须具备以下基础前...
  • SAP_Support
  • SAP_Support
  • 2015年11月30日 10:52
  • 892

从零开始制作H5应用(2)——V2.0版,多页单张图片滑动,透明过渡及交互指示

从零开始制作H5应用(2)——V2.0版,多页单张图片滑动,透明过渡及交互指示, 上一次,我们制作了我们第一个H5场景应用的V1.0版,这次我们趁热打铁,在上一版的基础上对层序进行修改和扩展...
  • SAP_Support
  • SAP_Support
  • 2015年11月30日 10:54
  • 362
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:h5滑动组件jmSlip
举报原因:
原因补充:

(最多只允许输入30个字)