$(‘.items‘).on(‘moveend‘,function(e){
if(e.startX < e.pageX){
$(window).trigger(‘sliderMoveLeft‘);
}else{
$(window).trigger(‘sliderMoveRight‘);
}
});
$(‘.arrows .left img‘).on(‘click‘, function(event) {
$(window).trigger(‘sliderMoveLeft‘);
});
$(window).on(‘sliderMoveLeft‘, function(event) {
var left = parseInt($(‘.items ul‘).css(‘left‘)) + $(‘.items ul li‘).outerWidth();
if (left> 0) return;
$(‘.items ul‘).animate({left: left}, 200);
});
$(window).on(‘sliderMoveRight‘, function(event) {
var left = parseInt($(‘.items ul‘).css(‘left‘)) - $(‘.items ul li‘).outerWidth();
if (left< ($(‘.items ul li‘).outerWidth())*-($(‘.items ul li‘).length-1)) return;
$(‘.items ul‘).animate({left: left}, 200);
});
$(‘.arrows .right img‘).on(‘click‘, function(event) {
$(window).trigger(‘sliderMoveRight‘);
});
简便易用 slider 支持touch
时间: 2024-10-08 02:49:40
简便易用 slider 支持touch的相关文章
俊易数据技术支持博客51CTO开通
俊易数据香港服务器数据中心,为了更好的为客户提供友好的技术支持,特在51CTO网站中开通技术支持博客.博客内容主要是软件的安装和配置,系统安全维护等.在此俊易数据技术支持中心欢迎俊易数据的客户及网友们来浏览我们的博客,及技术上的咨询留言.俊易数据技术支持中心会对每一位留言者做技术解答.
【EXCEL终极总结分享】基于NPOI扩展封装的简易操作工具类库(简单灵活易用,支持导出、导入、上传等常见操作)
对于EXCEL的导入.导出,我之前已分享过多次,比如: 第一种方案:<我写的一个ExcelHelper通用类,可用于读取或生成数据>这个主要是利用把EXCEL当成一个DB来进行获取数据,导出则是采用拼接成HTML TABLE的方式,这种在ASP.NET,ASP.NET CORE 中也是可以的,简单方便,依赖Office Excel组件,仅适用于网站服务端. 推荐指数:♥♥♥ 第二种方案:<MVC导出数据到EXCEL新方法:将视图或分部视图转换为HTML后再直接返回FileResult&g
Windows2003/2008/2008 R2下易语言点支持库配置就退出的问题
问题: 请问一个问题,我的电脑上win2003系统的,安装了易语言后,一点支持库配置就会自动退出.这是为什么啊? 解决方法如下: 删除 lib下的wmp.npk,重新打开易语言就可以了.
支持Touch ID!EOS 项目进展速报
Daniel Larimer 周六在 Steemit 上向大家介绍了 EOS 项目的最新进展,惊喜不少. 原文链接 : https://steemit.com/eosio/@dan/eos-io-development-update 之承诺过的三个特性已经基本开发完成: 1. 支持 Apple Touch ID / Secure Enclave 2. 延时交易的错误处理机制 3. 并行执行 目前这几个新特性的代码在 eos-noon 分支,感兴趣的可以直接研究了,目前来看,Dawn(黎明)的下一
高效快捷简便易用的基于JSP的框架 MVC+ORM框架- YangMVC
开发目的 @copyright 杨同峰 保留所有权利 本文可以转载,但请保留版权信息 本人高校教师,带着一门动态网站设计课程,前面讲HTML+CSS+DIV,后面将JSP+JDBC+Struts+Hibernate+Spring.对SSH的难用深有体会.从一个空白项目开始配置完SSH,需要20分钟.别吐槽,这还是熟练的情况下...如果你有模板当然binggo就好了.但... 这不是一个框架应该有的样子.框架应该使用简单.配置简单.代码简洁.总之,我思考了一个晚上后决定自己写一个MVC+ORM(数
OkHttpUtils-2.0.0 升级后改名 OkGo,全新完美支持 RxJava,比 Retrofit 更简单易用。
okhttp-OkGo 项目地址:jeasonlzy/okhttp-OkGo 简介:OkHttpUtils-2.0.0 升级后改名 OkGo,全新完美支持 RxJava,比 Retrofit 更简单易用.该库是封装了 okhttp 的网络框架,支持大文件上传下载,上传进度回调,下载进度回调,表单上传(多文件和多参数一起上传),链式调用,可以自定义返回对象,支持 Https 和自签名证书,支持 cookie 的持久化和自动管理,支持四种缓存模式缓存网络数据,支持 301 和 302 重定向,扩展了
Touch Punch在移动设备上面增加jQuery UI的触摸支持|Jquery UI 支持移动端 触摸滑动等
jQuery UI是我们前台开发常用的UI前端类库,但是目前的jQuery UI用户界面类库在互动和widget上并不支持touch事件.这意味着你在桌面上设计的优雅的UI可能在触摸设备,例如,ipad,iphone和 Android上并不能正常工作.因为jQuery UI监听的是mouseover,mousemove和mouseout事件,不是触摸事件,touchstart,touchmove和 touched. 为了解决这个问题,这里我们介绍jQuery UI Touch Punch类库,它
移动端touch滑动方向的判断
var slider = { //判断设备是否支持touch事件 touch:('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch, //事件 events:{ slider:document, handleEvent:function(event){ if(event.type == 'touchstart'){ this.st
Sencha Touch 和 jQuery Mobile 的比较
Sencha Touch 和 jQuery Mobile 的比较 英文原文:Sencha Touch vs jQuery Mobile 标签: Sencha Touch jQuery Mobile 103人收藏此文章, 我要收藏oschina 推荐于 2年前 (共 7 段, 翻译完成于 08-02) (23评) 参与翻译(1人): yale8848 仅中文 | 中英文对照 | 仅英文 | 打印此文章 很多人问我Sencha Touch (百度百科Sencha Touch译者加) 和jQuery