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

移动开发必备!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轻松定制。


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

AWS副总裁谈数据中心网络打造 【最具价值CTO评选秀】出门问问CTO雷欣:从技术极客到核心管理的秘密 《近匠》APICloud:“云”+“端”一体的移动API提供者 Oculus移动SDK发布!John Carmack操刀、集成Unity 4.5 11月15日深圳见!深圳微信开发者大会公布全部议程 参与2014中国大数据行业大调查 BDTC门票等你拿 HTML5规范尘埃落定,5个开发工具推荐 盘点最受开发者喜爱的Android 5.0 Lollipop API IoE Day侧记:想开发智能硬件?先要弄明白这几个问题 【问底】许鹏:使用Spark+Cassandra打造高性能数据分析平台(二) 微软承诺所有Lumia WP8设备将升级至Win10,用户会买账吗? 周末,深圳微信开发者大会等您来!(参会必读+名单) 营造云安全生态链 第五届云安全联盟高峰论坛在京顺利召开 中国大数据六大技术变迁记 【最具价值CTO评选秀】当当网CTO熊长青:结合行业及技术发展,规划技术方向 社交颠覆传统,环信技术交流沙龙纪实(组图) 揭秘经典案例炼成之道 微信开发者大会精华回顾 从一家电子商务网站学到的经验教训 【最具价值CTO评选秀】极路由CTO康晓宁:极客转型CTO的感悟 盘点这些年来的“微信万能论” 《近匠》亲加通讯云:IM即时通讯API的极致服务者 TCL杯HTML5智能电视开发大赛完美落幕,8项获奖应用大揭晓! Xcode 6.2 Beta发布,支持WatchKit的iOS 8.2 SDK来了! 【最具价值CTO评选秀】携程高级技术副总裁叶亚明:从呼叫中心到移动互联网的演进 为什么靠谱的公司都应该参加CTO评选? 【深度剖析】微软开源.NET:战略重心已从PC转移到云端 专访POWER 8编程挑战赛选手黄文超:非科生的编程算法之路 BDTC 2014干货精彩不断,四大全天技术论坛议题全面曝光 全功能API!开源2D游戏引擎Firmament 微信公众平台新增“微信连Wi-Fi”功能,打通线上线下闭环 马化腾:微信在一线城市活跃 QQ增长从城市到农村 回复:機會不要錯過! 華強科技有限公司幫你成就軟件工程師的夢想! How to access SMB/CIFS from Sun workstation? 谁来拿分啊。我有一个问题自己解决了,但没有给分的对象。 问一个message Bean的问题,up有分 [EJB]HelloWorldBean正确编译配置和执行,但"HelloWorld"却不见了 寻C语言编程高手!现有一IP地址和网页、搜索栏关键词拦截程序需要编写,付酬!!! 如何让主界面变成三维的那种 寻C语言编程高手!现有一IP地址和网页、搜索栏关键词拦截程序需要编写,付酬!!! 用什么组件能得到网站上的末知大小的文件? 问一个简单的问题 还是有问题关于获得选中安钮的当前行,请进>> 请教简单问题,如何将菜单的一个选项隐藏。就是类似cb的将Visible=false的做法!! 连接ACCESS数据库的问题? 寻C语言编程高手!现有一IP地址和网页、搜索栏关键词拦截程序需要编写,付酬!!! 如何提取一个EXE文件的特征码??要高分者和高手进!!!!来者有分! j2ee配置问题,大家帮我看看,错误出在哪里?谢了! 如何在注册表中修改使得浏览的网页可以即时通过工具栏的“编辑”调用DW修改? "聊聊"网站是怎样建的?用拉什么技术,可以即使聊天? 类型转换,非常奇怪的问题。高手进来 搞纯C++的大虾请进 关于MDI Child窗口的一个问题? DOS6.22的下载及6.0源码 sql语句问题:怎样从表中选出字段值包含在一个变量字串的那条记录。100分!在线等待! 关于那个mesh绕自己中心(注意是自己中心)旋转的问题我还没有解决 抛砖引玉: 证券行业软件之数据库存储。 如果下面这个问题谁能解决,我跪下来拜他三下:在WIN2000里,通过更改注册表,以达到更改IE的页面设置(一定要能更改横向:orientation和 过程的问题!!! 一个非常难的问题---挑战这里所有的高手!(解决了,分数我可以追加到200) 用vc7时候怎么导入一张图片作资源?还有怎么添加popup菜单 有关取得一个Tree Control的一个Notify的问题! 关于delphi中用ADO连接数据库的问题!!(欢迎up)在线等待! 急问各位高手,在CB里怎么设置数据库的相对路径。 有一份北京的工作,需要懂php+mySql+linux,有兴趣的请和我联系 请问能否把报表预览控件中的“CLOSE”安钮改成中文的”关闭“安钮? 如果有一可用程序,打开什么文件(后缀名)能运行?我是新手 怎么关闭一个窗体? 多对多关系是不是要做一个对应表 定时器问题。。。。。。 为什么我用activeskin后~~ 不能放其他控件的~ 例如Shape 还有 media player这些控件啊 求解一个“排序”的问题。 哪个有图形按钮的类,给我一份 关于程序员考试的学习问题。。 请问哪里有XML V4。0下载呀1 再叙PB7获取当前路径问题 菜鸟问题:请问jar是干什么用的,怎么用? 调查一下,你们除了到csdn外,还到哪里呢?我现在一上网就跑到这里来,别的地方我都忘了。 当鼠标移动到弹出菜单的某项时,菜单对应项改变颜色。是如何做到的? 请问如何在VB中存取OLE字段中的电子表格,谢谢,我是新手,请帮忙。 急救。。语句错在哪?adoquery1.SQL.add('select ygdm,ygxm from user where ygdm='''+edit1.text+''''); 系统有win2000,重装win98后没有系统引导菜单了 不知道在MFC中用CBrush怎样来实现空画刷. 现在四川渠县的房价如何? 英语翻译就是这题我题目都没太看懂 以走好人生第一步路为主题的作文想一个好题目 楼顶、屋顶、房顶、厂房、彩钢板隔热,建筑的楼顶、屋顶、房顶、厂房、彩钢板隔热防水涂料如何,听朋友介绍,北京志盛威华公司的防晒隔热涂料隔热解决建筑的楼顶、屋顶、房顶、厂房、 英语翻译我想问的是,如果题目里面说是 一个DNA有1200个碱基,那么它控制蛋白质合成的DNA的碱基是不是只要算600个,就是说 控制蛋白质合成DNA的碱基只是算转录链上的碱基?那么,如果说是控制 正弦波电压半波整流波形的波峰因数是多少?最好提供准确值. 铝箔表面变黑 是什么物质 什么是隔热保温涂料啊?隔热保温涂料配方是哪些啊想要了解一下隔热保温涂料配方,有没有好一点的公司能够帮助分析一下啊? 生物中复制、转录、翻译之间的联系和相互关系最好能列表,谢谢! 暑假生活37页的所有语文五年级冀教版 轻松快乐过暑假七下语文,英语答案(江苏人民出版社的) 为什么种子没有土壤也能发芽吗 语文暑假生活 冀教版 五年级下册 32页阅读练习怎么写?32页阅读练习  郑人有且置履者,先自度其足而置之其坐,至之市而忘操之.已得履,乃曰:“吾忘持度.”反归取之.及反,市罢,遂不得履. 江苏轻松快乐过暑假七年级2011-2012 语文 英语全部的答案好的再给分 白醋的美容功效 语文暑假生活 冀教版 五年级下册第13页第二大题 急哦.........二、请根据意思分别填写各属于哪种读书方式. 例:拿到一本书,从头到尾简单看一遍,叫(略读).  1.从大量 甲、乙两人共有存款900元,甲的存款是乙的五分之四,乙有存款多少元?(列式)急需!谢谢! 这想成语怎么填 水仙花和丝瓜花它们花中是否都有雄蕊和雌蕊? 1只鹅=1只鸡+1只兔+1只鸟=3只兔=2只鸡 问1只鹅=几只鸟 白醋会腐蚀金属吗?我现在天天用白醋洗脸,但是我手上戴着手链,时间一长会被腐蚀吗? 要全部的哦!是远方出版社出版的! 搜狗输入法打繁体字 白醋为什么会腐蚀鸡蛋 长江三峡是哪三峡? 怎么用搜狗打繁体字 林大爷养了300只鸡,养的鹅的只数比鸡少6分之1.林大爷养的鹅有多少只?这个问题我没有学,我生病了,如果对了, p20 指鹿为马 和 伶牙俐齿 的对子p21 ( )上树——全靠一张嘴p25 鲁肃上了孔明的船——( )p29 林冲误闯白虎堂——( ) 诸葛亮大摆空城计——( )p30( )打宋江——过后赔礼p37 根据诗 在细胞生物中,RNA是DNA转录来的?如题 王大娘去农贸市场卖了2只鹅和6只鸡.一只鸡的价钱是1只鹅的2分之1.王大娘总共卖得的钱相当于()只鸡的钱,或者相当于()只鹅的钱 花的雄蕊有哪些部分组成 高中生物有关DNA的转录下图表示某正常基因及指导合成的多肽顺序.D位点发生的突变导致肽键延长停止的是(除图中密码子外,已知GAC天冬氨酸,CGU甘氨酸,GGG甘氨酸,AUG甲硫氨酸,UAG终止)A.G/C→A 李大爷家有鸡和鹅200只、鹅比鸡少40只、鹅和鸡各多少只? 花最重要的结构是雌蕊还是雄蕊?快 翻译从3'端开始还是5'端开始?转录呢?DNA呢? 英语翻译A.DNA、RNA、蛋白质B.DNA、RNA、氨基酸 花的雄蕊由什么构成? 苏教版快乐暑假语文答案 作文如何迈好高中第一步 铝材 小料是什么 深圳激光泵浦灯|深圳激光泵浦灯批发网|深圳激光泵浦灯厂家在哪里? 作文大全800字如何迈好高中第一步 求铝窗开料软件,铝材开料软件, 灯泵浦激光打标机有没有半导体激光打标机好用同标题 求300V降到220v的直流降压电路图负载有600W不能用线圈 YAG金属激光打标机多少钱 中国黄金手链上千足金什么意思? 英语翻译决定氨基酸的密码子指的为什么是mRNA上的三个相邻碱基,而不是DNA上的三个相邻碱基?基因应该是决定蛋白质的合成啊. 一辆汽车从甲地开往乙地,9小时行了全程的九分之五,照这样计算,行完全程要几小时?(用比例知识解)急,帮个忙啊!~ 你们用搜狗打了多少字了- -输入统计:共24天28938字今日已打:168字 小麦播种之后需要多少天才能镇压?是等小麦出苗了以后吗?知道的请回答, 正常汽车行驶速度80?(单位) 请问大家的搜狗打了多少字? 小麦一般几天出苗? 小轿车行驶速度是每小时80千米,高速铁路列车的行驶速度比小轿车行驶速度的4倍还多30千米,高速铁路列车的行驶速度是多少? 用搜狗怎么打日本字拜托了各位 谢谢 8月30日过35小时又11分等于几日几时? 800个()小于80个()小于8个()填适当数量单位 转录和翻译的模板分别是什么? 小麦多长时间出苗
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘