15个令人兴奋的2013年JavaScript移动插件

这是我们每年对15个令人兴奋的JavaScript Mobile插件的总结,您可能会发现这些启发! 具有剪切功能的移动插件具有常用的日期选择器小部件(我个人很喜欢),照片查看器,导航插件以及更多移动小工具。 包含的内容适用于jQuery Mobile插件,HTML5 Mobile UI组件,Mobile模板/引导程序。 希望您喜欢并发现鼓舞人心的东西! =)

1. Mobiscroll

可定制的HTML5 UI组件,用于智能手机和平板电脑等触摸设备

MobiScroll.jpg
演示

2. jQuery翻转

jQuery / jQuery移动插件可为Flipboard应用提供类似效果。 当前可在WebKit浏览器(例如Chrome,Safari,包括iOS移动浏览器)或Firefox 11上运行。它仍可与其他浏览器一起使用,但将优先选择“幻灯片”效果。

jQuery-Flip.jpg
演示

3. Mobify.js

一个开放源码库,用于通过提供响应图像,JS / CSS优化,自适应模板等等来改善响应站点。

Mobify-JS.jpg
演示

4. TinyNav.js

在小屏幕上浏览时,将“使用列表创建的导航”转换为选择下拉列表。 它还会自动选择当前页面,并为该项目添加selected =“ selected”。

TinyNav-JS.jpg
来源+演示

5. Google Maps jQuery Mobile插件

适用于jQuery和jQuery Mobile的Google Maps v3插件

Google-Maps-jQuery-Mobile.jpg
演示

6. jPanelMenu

一个jQuery插件,用于创建面板式菜单(例如在Facebook和Google的移动版本中看到的类型,等等。)

jPanelMenu.jpg
演示

7.可插拔

一个简单的独立库,用于为触摸友好的Web浏览器调用tap事件。

Tappable.jpg
演示

8. Swipe.js

最精确的触摸滑块。

滑动JS.jpg
来源+演示

9. jQuery Mobile日期导航

提供日期范围之间的导航,可以按定义的范围(周,月和年)进行导航。 通过AJAX调用准确查询信息的理想选择。

jQuery-Mobile-Date-Navigation.jpg
来源+演示

10. gShake

这是一个jQuery插件,可让您为iOS 4.2+的设备将功能附加到“摇动事件”

示例代码:

$(document).ready(function() {

     $(this).gShake(function() { 
       // what happends when shaked?
    });

});

资源

11.擦照片

受iOS照片查看器和Google移动图像的启发,PhotoSwipe是一个基于HTML / CSS / JavaScript的图像库,专门针对移动设备。

PhotoSwipe.jpg
演示

12. Snap.js

一个库,用于在Javascript中创建漂亮的移动书架(Facebook和Path样式的侧菜单)

Snap-JS.jpg
演示

13. MobiPick

jQuery Mobile的Android风格的日期选择器小部件。 它使用日期库XDate,并允许使用Modernizr逐步增强日期输入字段。

MobiPick.jpg
演示

14. jQuery Mobile分页插件

一个jQuery Mobile插件,用于页面之间的顺序分页,并支持触摸,鼠标和键盘!

jQuery-Mobile-Pagination.jpg
演示

15. DateBox2

一个jQueryMobile插件,旨在使用户与日期和时间的交互变得简单而直观。 与Mobiscroll或Mobipick相比,它的界面更简单,但同时却可进行疯狂配置。

DateBox-2.jpg
来源+演示

From: https://www.sitepoint.com/mobile-plugins-2013/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值