说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

移动开发必备!15款jQuery Mobile插件

HTML文档下载 WORD文档下载 PDF文档下载
本文细数了15款非常优秀而又实用的jQuery Mobile插件,类型甚广,从抽屉式导航菜单、iOS style、手风琴导航、隐藏/显示密码、灯箱特效,到颇为酷炫的交互式地图、页面震动、相册/画廊展示等,总有一款会让你着迷。

移动互联网的发展,来自PC端的网页并不能完全自适应移动端页面需求,使得响应式设计体验产生并成为潮流,也正是这样一种需求,促成了jQuery Mobile的流行。jQuery Mobile这样一款基于jQuery和jQuery UI的框架,继承了jQuery的“write less,do more”精髓,具有良好的扩展性和可定制性,全面兼容各种平台设备,对于不支持的手机类型,也会予以基础样式。


本文细数了15款非常优秀而又实用的jQuery Mobile插件,类型甚广,从日期/时间选择、即时声音通知、抽屉式导航菜单、iOS style、手风琴导航、隐藏/显示密码、灯箱特效,到颇为酷炫的交互式地图、页面震动、Native、相册/画廊展示等,总有那么一款会让你着迷。

1. Mobiscroll

对于许多开发者而言,Mobiscroll并不陌生,甚至可以说是相当熟悉。Mobiscroll是一款很不错的jQuery Mobile插件,主要用于触屏设备的旋转滚动/日期和时间选择。通过它,用户只需滑动数字即可进行日期和时间选择(点击链接查看Demo)。


Mobiscroll不仅支持任意自定义值,让用户完全自定义主题,还可用于下拉列表本地选择控制。此外,使用起来也是非常方便,不仅为开发者提供了相当高大上的配色方案,而且可完全通过CSS文件进行样式修改。支持包括iOS、Android、WP8、Windows 8、BlackBerry等在内的所有主流移动及桌面浏览器。

2. Ion.Sound

今时今日,无论是Web还是移动网站,都充斥着各种各样的事件,比如新邮件、新聊天信息、内容更新等。但却常常存在着这样一个问题,就是即时通知无法立即引起用户注意。而通过Ion.Sound插件,则可以很好地实现这一任务。


Ion.Sound是一款用于播放事件声音的jQuery插件,采用MIT许可证,包含有25种免费声音。截至目前,Ion.Sound已成功运用于Google Chrome、Mozilla Firefox、Opera、Safari、IE(9.0+)等桌面浏览器,并支持所有主流移动浏览器。

3. jQuery.mmenu

jQuery.mmenu是一款用于创建平滑的抽屉式导航菜单的jQuery插件,只需短短一行JavaScript代码,即可在移动网站中实现类似于移动App外观的非常酷炫的滑动菜单。


通过jQuery.mmenu,开发者可以将无序列表转换成菜单项,并进行自定义设置。jQuery.mmenu不仅为开发者提供了诸如打开、关闭、切换等常用菜单的定制,还提供了菜单位置(居左/居右)、是否显示菜单项计数器等选项的设置。

4. Naver

Naver是一款专门用于创建响应式导航的jQuery插件。通过它,开发者可以轻易地制作出对移动端非常友好的导航效果,还可制作动态导航。Naver兼容Firefox、Chrome、Safari、IE(7+),基于MIT许可证发布,无论是个人或商业项目中,均可自由免费使用。


5. iosOverlay.js

iosOverlay.js是一款用于创建iOS风格的提示/通知效果的jQuery插件,支持IE7+、Google Chrome、Firefox、Opera、Safari(桌面版及移动版)。需要提醒的是,如果想要防止图标在加载时闪烁,开发者需要预加载图像资源。


此外,iosOverlay.js还存在两个可选的依赖项,即Spin.js和jQuery。如果开发者想使用其下拉列表对象,就必须要用到Spin.js,而对于不兼容CSS动画的浏览器,则需jQuery提供支持。

6. Easy Responsive Tabs

Easy Responsive Tabs是一款轻量级的响应式Tab选项卡/手风琴导航jQuery插件,支持同一页面使用多个范例,跨平台支持Web、平板电脑及移动设备。该插件能够自适应屏幕大小,默认样式为水平/垂直Tab选项卡,随着窗口变小,会自动切换为手风琴样式。


7. Hide/Show Password

Hide/show Password插件可以让你轻易隐藏和显示密码输入框中的内容。该插件最酷的地方就是“innerToggle”选项。当设置为开时,开发者可以自定义创建非常漂亮的隐藏/显示控件。而且在触屏浏览器中进行滑动时还可保持输入焦点。


8. Swipebox

Swipebox是一款精美的jQuery灯箱特效插件,可用于桌面、移动和平板设备。在移动设备上,支持滑动手势导航,而在桌面上则可使用键盘导航。不支持CSS3过渡特性的浏览器可使用jQuery降级处理,支持视网膜显示,能够通过CSS轻松定制。


当用户点击目标图片时,照片将会以全尺寸的方式展示,此外,用户还可对同组的图片进行左右切换来进行查看,非常适合用于做照片画廊以及查看大尺寸图片。

为Delphi提供Pack和Undelete功能 为Delphi中数据库报表加网格 为数据库报表加网格-Delphi资料 为数据库建立索引-Delphi资料 掀开SQL Server 7.0的面纱-Delphi资料 限制数据库记录数-Delphi资料 向数据库发送密码-Delphi资料 一个关于字符串的小问题-Delphi资料 用 QuickReport for Delphi 制作报表 用Delphi 开发数据库程序经验三则 用Delphi 实 现 不 同 数 据 库 系 统 之 间 的 数 据 转 移 用DELPHI本身的控件输出TABLE表数据 用Delphi编程访问SQLServer数据库 用delphi编写医院的复杂报表 用Delphi程序维护Paradox 数据表的索引 用Delphi的InterBase数据库开发C&S应用程序 用Delphi进行数据库之间转换 用Delphi开发“瘦”单机数据库应用系统 用Delphi如何实现VFP中的Cache特性 用Delphi设计数据库应用的几点体会 在我们日常工作中,常会碰到这样一个难题:一大堆-Delphi资料 用DELPHI制作应用软件 用Dephi 程 序 维 护Paradox 数 据 表 的 索 引-Delphi资料 用Dephi程序维护Paradox数据表的索引-Delphi资料 用InstallShield制作数据库应用系统的安装程序-Delphi资料 在BDE中使用ASCII-Delphi资料 在DBMemo中查找文字-Delphi资料 在Delphi 程序中维护DBF 数据库 在Delphi 中 利 用 Tbatch 组 件 完 成 数 据 批 处 理 在Delphi 中使用计算出的字段 在Delphi3 程 序 中自 动 检 测、 建 立 数 据 库 别 名 和 表 格 exit相当于C中的return? 愚人统计表 请大家发表意见! 新版怎么结帐(给分)?请回答! 为什么这个程序老是更新时间?怎么才能让它一条一条的增加记录? 请大家发表意见! 关于PB中DW对象中的列的问题: Oracle816里面无法加入日期类型数据 有没有现成的函数,可以把一个int64整形数转换成带逗号的字符串? 如何在CTreeCtrl收到TVN_ITEMEXPANDING消息时,得到是哪一个TreeItem被展开? 各位高手,关于输出日期的问题!!!!!!急盼解决!!!! 想自己做个分销系统(jsp+javabean+mysql) 连接时错误,重定义问题 祝水圆兄弟姐妹们节日快乐!嘿嘿! 关于木马的问题 在DELPHI的图象处理中,怎样将GIG转成BMP或BMP转成GIF,各位大虾帮帮忙! 谁有SCO OPENSERVER开发平台的Licence? [给分]请 playking(风雪青松) 来拿分 我的朋友有一个很急的问题! 如何在DELPHI中使用RealSystem Producer ActiveX Control 100分求winsock pbl(pb7.0) 菜鸟问题:一个关于api的别名问题!谢谢!!! ===菜鸟系列===:CSDN上没人了吗?为何无人能回答我的问题???????????? 请教:SQL中动态数据表如何进行查询? 如何将object转化为int?? 讨论:你是从IDL开始所有的编程工作吗? 修改弹出的OPEN对话框? 第二个页面中的FORM怎么传值给第一个页面的隐藏控件?不用SUBMIT 在LotusScript中,如何实现将附件保存于服务器的某目录下? CSDN说这里人气低,决定关了这里,大家快来说话啊,真关了我们就没地方说话了 如何将int转化为char? 如何实现窗口中拖放. 如何确定一个数据窗口有几个参数 数据库程序的运行环境问题求救!!! 寻求vb例程 如何用VB6控制NT的服务 try和catch的问题? 求助~!关于FileListBox的问题 请问要在Web页面中放置ActiveX控件,是不是一定要数字签名才能在客户端安装? 表格内容对齐 where can download the crack about Rational XDE Professional v2002 .Net Edition? 调查:现在大家所用的中文输入法是什么?录入速度是多少? 数据库程序的运行环境建立问题求救!!! 伙计们,帮我看看我的安装差在哪一步了,为何多系统下Linux起不来 如何将文件输入流转化为string? 关一个Servlet调用另一个Servlet的问题 有关报表的一个小问题。 怎样才能做繁体版? 100分请教PHOTOSHOP5.0是如何把CMYK颜色转成RGB显示的? 需求进销存或分销 如何替换某字符串中的指定字符串!!! 校园面积的五分之三是空地,空地的三分之二准备铺草坪,铺草坪的面积占校园总面积的几分之几? 求精彩的初一作文开头和结尾我马上半期考试了,我作文写得不好,求几个可以广泛用于多种类型的作文的开头和结尾,就是能和初一作文基本能沾得上边的开头和结尾,求4月22日之前回答, 征文《我爱我的家乡——曲沃》 寒假里的一件事作文,谁能帮帮我 初一上册这就是我的作文,好开头好结尾,词句华丽优美, 我爱我的家乡木兰围场征文 一定以最快速度给我! 300字作文急需 求初一作文《这就是我》的开头和结尾 男生的要简短的 我爱我的家乡 沈阳,征文我爱我的家乡,征文,才子才女谢~ 谁有300字的作文急需 快乐的校园生活 作文 好词好句好段摘抄 初中之描写心理活动 春节的作文,300字. 小巧五次数学测试的平均成绩为90分,如果前三次数学测验的平均分为88分,后两次数学测验平均成绩多少? 菜市场的蔬菜真新鲜啊!有的……;有的…… 拖拉机牌号什么含义 求大家写一个作文!800字 看下面材料!材料:甲:什么事浅阅读 ,乙:就是追求简单,实用有趣的阅读.丙:如今是读书时代,人们喜欢视觉上的冲击和享受.丁:浅阅读就像吃快餐,好吃没营养,积累 以“农贸市场的蔬菜真新鲜啊”为开头,续写一段话. 香港人通过什么方式扩大土地面积?寸土寸金的香港为什么还要保留大片绿地? 有关于我的父亲文章的开头和结尾的优美句子吗?父亲四十多岁,不要写太老,儿子长大之后之类的.给我篇作文更好,800字~1000字的,初中生水平.写得好的话会追加悬赏的,现在就要. 菜市场里的蔬菜各种各样.(选择其中一种蔬菜,用两三句话进行描写,用上拟人或比喻的写法) 香港在城市建设中对绿地的态度是什么?并且这种做法对内地城市建设有什么借鉴作用 大家帮我找一下含有优美的开头或结尾的文章要求列出开头或结尾就行了 越多越好特别注重环境描写,或者有深刻含义或富有哲理的麻烦各位GGJJ, 描写蔬菜的句子 绿地面积是怎么算的?“新区住宅建设的绿地率不应低于30%,旧区不低于25%,绿地指标组团不低于0.5平方米/人,小区不小于1平方米/人”中不低于30%是指的总建筑面积的30%还是除了房子以外的地方 小梅书房的地面是长方行形的,长3米,宽2米.用面积是4平方分米的地砖铺地,一共需要多少块? 描写校园景色优美的四子字词语 人均绿地面积怎么算 小梅书房的地面是长方形的,长3米宽2米.用面积是4平方分米的地砖铺地,一共需要多少块? 有关寒假发生的事情的作文 如图,计算绿地的面积 小梅书房的地面是长方形的,长3米,宽2米.用面积是4平方分米的地砖铺地,一共需要多少块? 我爱我的家乡营口的征文!急要求600字,写得好会参考一下 如图,计算草地的面积 小梅书房的地面是长方形,长3米宽2米,用4平方分米的地砖铺地,一共需要多少块, 装修房屋时客厅铺地砖好还是铺地板好 屈服强度大小的影响,牌号SPCC(DC 01)的 2.5冷轧板屈服强度上限不大于280Mpa,大于280不好么试验此牌号要求下限140Mpa,上限不大于280Mpa,结论289Mpa,判定为不合格,为什么DC01上限要不大于280,大于怎 小梅书房的地面是长方形,长3米,宽2米,用面积是4平方米的地砖铺地,一共需要多少块? 家里想装修,我想铺地砖,地砖尺寸如何选?我喜欢1m*1m的可装修师傅说房间小不适合我家主卧11m2 ,次卧6.6m2,客厅14m2,厨房卫生间5m2 哪位高手给指点一下 寒假一件事作文400字 保护环境 爱我家乡 征文700字 作文内容:寒假中有什么意义的事?作文要求600字以上. 寒假里的一件事作文400字不要同步作文的,抄过咯 看材料,写作文,800字左右材料:一个生物学家在一家农场见鸡群里有只老鹰,于是问主人:“为什么鸟中之王,会落魄到这般与鸡为伍的地步?”主人说:“因为我一直喂它鸡饲料,在鸡舍里长大, 雨下得真大呀,把句子写具体 寒假记一次有意义的事 作文 400字 求教写作文.假如我是().半命题的高中作文,800字左右补充下。要是动物。 写菜场的诗句 寒假的一件事 作文 400字 高中写作文一般写多少字 如果它说写600字左右的作文我写800子能打0分么? 班级,我能为你做什么作文500字 写一篇300字的作文,中学水平.生活中从不缺少浪漫,用心为自己或家人设计一次最浪漫的经历,并用优美的语言写成文章,呈现出来.300字. 环保节约好少年 征文700字左右 描写活动的好词(20个)好句(5个)好段(2个)今天就要拉! 小学六年级校园生活作文 寒假里的一件事 作文400字急! 男同学是女同学人数的百分之八十,一次数学测试,全班平均分是92分,女生平均分是96,求男生的平均分.加工一批零件,师傅单独完成需要30天,徒弟单独完成需要40天,现师傅徒弟合作,完成时发现 寒假里的一件事作文急求作文寒假里的一件事,写的表太好了,注:我是男的,最好是自己写的 求一篇征文 关于 环保与节约!字数不要太少啊 要高一级别的文章 我爱我的家乡沈阳征文800字以上一定要是沈阳的800字以上的混经验的滚
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘