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();

});

相关文章推荐

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

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

h5 JS 滑动库

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

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

html5 slide

H5页面仿原生列表会话左滑显示删除键/编辑键--局部滑动

H5页面仿原生列表会话左滑显示删除键/编辑键--局部滑动 页面滑动原理主要是用了一个左滑手势,需要在页面中引入jquery.mobile-1.4.5.min.js这个插件。 页面文件之间的管理用的是...

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

上一次,我们制作了我们第一个H5场景应用的V1.0版,这次我们趁热打铁,在上一版的基础上对层序进行修改和扩展。任务 1、页面数量由3张增加至9张; 2、每张页面中放入一张全屏自适应的图片; ...

手机端触摸滑动(H5+CSS3+JS+Swiper)

当你遇到这样一个项目,要求如下: 1. 手机端实现触摸滑动 2. 实现点击滑动 3. 在来回切换每一屏的时候 动画能够重新执行 4. 在汉堡菜单里点击某一项,实现滑动到相应的屏。(菜单页左右切...
  • ChenYH0
  • ChenYH0
  • 2017年02月11日 16:18
  • 1757

h5导航条滑动

Untitled Document body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,table,texta...

H5页面仿原生列表会话左滑显示删除键--整体滑动

H5页面仿原生列表会话左滑显示删除键,编辑键--整体滑动 页面滑动原理主要是用了一个左滑手势,需要在页面中引入jquery.mobile-1.4.5.min.js这个插件。 页面文件之间的管理用的...

h5页面ios,双击向上滑动,拖拽到底部还能继续拖拽

在iOS下,双击屏幕某些地方,滚动条会自动向上走一段。 当用微信看h5的时候,拖拽到底部,会漏出来,微信自带下面的灰黑色皮肤。 用js解决一下吧,这俩问题很类似,总结到一起了。 ———-特别注意...

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

1.node.j、ionic、cordova、ant、安装见官网http://www.ionic.wang/start-index.html 2.效果图 3.建一个空白模板: $ ionic ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:h5滑动组件jmSlip
举报原因:
原因补充:

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