首页
学习
活动
专区
圈层
工具
发布

jQuery Mobile 1.0 发布

经过一年多不断改进和完善后,jQuery Mobile 终于发布 1.0 正式版。 什么是 jQuery Mobile?...jQuery Mobile 功能特性 跨平台跨设备 jQuery Mobile 框架兼容主流的设备,如 iOS(包括 iPhone,iPad),Andorid,黑莓,塞班,Windows Phone 等...触摸屏优化的布局和 UI WIDGETS jQuery Mobile 是触摸屏优化的,并且提供一个适应不同的智能设备的动态触摸用户界面,这套系统包含基本的布局控件(如列表,面板等),并且还有一套额外的表单控件和...更大,更好的主题化的外观设计 jQuery Mobile 还提供扩展了 CSS 框架,让用户更方便去设计 Web 程序的界面,并且还支持如 text-shadow, box-shadow, and gradients...下载:jQuery Mobile。 ----

72620
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在 jQuery Mobile 中使用 UI 组件

    利用 jQuery Mobile,您可以创建多种不同的列表格式,如基本链接列表、嵌套列表、编号列表、拆分按钮列表、带分隔符的列表、带图标的列表、缩略图或计数泡泡,以及包括搜索筛选器栏的列表。...对列表提供更多功能的一个选项称为拆分按钮列表。拆分按钮列表使您能够在同一个列表项中提供两个可单击的选项。...使用 jQuery Mobile 框架创建拆分按钮列表 jQuery Mobile 进行文本输入,基本上也与原生文本输入相同;然而,您可以使用新的 HTML5 输入类型,如 email、tel 和 number。...该属性值将一个自定义 jQuery Mobile 选择列表转换为一个切换开关。 结束语 jQuery Mobile 框架提供一个为移动网站创建可用 UI 组件的快速解决方案。

    12K20

    jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全

    学习jQuery Mobile也有一段时间了,越来越上手了,也越来越喜欢他了。我根本就没有理由拒绝他的好。这里我有分享一下我对它的配置项的使用说明一下。...Mobile //增强(jQuery Mobile 元素增强指的是 jQuery Mobile 对网页基本元素在样式上的丰富、交互上的增强以及相应的 HTML 结构改造)。...这样开发者可以创建属于自己的命名空间,避免与 jQuery Mobile 原有的属性发生冲突, 便于制作自定义主题。...jQuery Mobile 建议在关闭 Ajax 导航和大量使用外部链接的情况下关闭这个特性。...subPageUrlKey:"ui-page" ,// 字符串 默认值:"ui-page" URL 参数用来指向由组件生成的子页面(如嵌套列表页), //该 URL 会被解释成如 example.html

    2.2K20

    Mobile FIRST - 在电脑端模拟移动设备进行网站测试

    本篇为大家介绍一款功能强大的浏览器扩展程序 - Mobile FIRST,该扩展程序如同为浏览器增添了强大助力,显著提升网络浏览体验。...2、简介 Mobile FIRST是一款适用于Chrome和Firefox浏览器的扩展程序,只需一键操作,就能轻松模拟出逼真的智能手机或平板电脑环境。...它在测试网站、为演示文稿或电子邮件制作精美的截图或屏幕录制、向客户进行演示等方面都非常实用。...核心功能: 模拟设备:支持超过50种设备,包括iPhone 5/11/15、Galaxy S22、Xiaomi Redmi Note 6 PRO、Samsung Galaxy Tab S7、iPad Air...2、选择设备型号,从提供的50多种设备中选择需要测试的型号(如iPhone 15、Galaxy S22、iPad Air等),每种设备对应特定的CSS分辨率(如iPhone 5为320px,iPhone

    31110

    响应式设计(Response Web Design)浅谈

    ,最直接的方法就是为每种设备及分辨率制作一个网站或者特定的页面,使得移动用户在这些页面里取得平滑友好的用户体验。...(早先的数据:2005至2008年市场中的400余种移动设备的统计情况 http://www.quirksmode.org/mobile/mobilemarket.html) 这份统计结果已经比较早了,...随着时间的推移,又有很多移动设备投入市场,为每种设备及分辨率制作一个网站或者特定的页面,这应该是比较大的工作量,是比较耗时耗费资源的。...国外已经有一些这样的应用例子了,如: http://foodsense.is/, 此网站在Android 上的效果: 不采用响应式Web设计 news.sina.com.cn 在Android上的效果,...需要用双指进行缩放才能友好浏览: foodsense.is 在其它设备分辨率下的情况: (iPad1/2 1024X768 横向) (iPad1/2 1024X768 纵向) (iPhone4 320X480

    1.5K90

    Web前端开发推荐阅读书籍、学习课程下载

    基础 jQuery Mobile基础 CreateJS基础 TypeScript基础 20150208更新 Ajax视频教程-传智播客 SEO课程-李俊超 IT面试之2015届校招腾讯校招笔试面试大礼包...下面是一些些小技巧: 在各大图书网(如当当、亚马逊、京东等)上搜索关键词,如jQuery,可以选择按照销量或好评排序,一般排在前面的就是很抢手的好书,值得阅读。...Pro.Android.Web.Apps.Develop.for.Android.using.HTML5,.CSS3.&.JavaScript HTML5高级程序设计 css3_for_web_designers Beginning iPad...01) HTML5_CSS3 HTML5移动Web开发指南 前端教程系列-JavaScript 1.1 JAVASCRIPT从入门到精通 视频实战版 1.10 CSS&javascript动态网页设计与制作...基础 第8阶段 jQuery UI基础 第9阶段 jQuery Mobile基础 第10阶段 CreateJS基础 第11阶段 TypeScript基础 第12阶段 实战开发教程 JavaScript视频教程大礼包

    14.4K71

    App界面原型设计工具「建议收藏」

    操 作轻巧简单:先用手机拍下草图原型(存到POP app内);然后开始编辑图片的哪个区域(按钮)链接到什么页面,添加跳转链接热区,就可以在iPhone上给小伙伴们演示了,并且POP内嵌的交互动作 如侧滑...按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备 的特殊原型(Axure 6.5以下版本),再用移动设备访问你生成的原型链接即可(该页面创建一个桌面快捷方式)。...8、JustinMind   JustinMind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。...此外,你还可以自定义小组件,创建自定义组件库,并进行分类,不管对象是iPhone、iPad、黑莓、Android还是其他。...10、Protoshare   ProtoShare:在线网站开发协同制作工具是一个十分便捷的在线原型制作工具,侧重于团队协作。

    3K20
    领券