aihou3725-CSDN博客

转载 jQuery Mobile 表单输入元素

jQuery Mobile 文本输入输入字段是通过标准的 HTML 元素编写的，jQuery Mobile 会为它们设置专门针对移动设备的美观易用的样式。您还可以使用新的 HTML5 <input> 类型：实例: <form method="post" action="demoform.asp"> <div data-role="fi...

2016-12-01 15:10:00 123

转载 jQuery Mobile 表单基础

jQuery Mobile 会自动为 HTML 表单添加优异的便于触控的外观。 jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 来设置 HTML 表单元素的样式，以使其更有吸引力更易用。在 jQuery Mobile 中，您可以使用以下表单控件：文本框搜索框单选框复选框选择菜单滑动条翻转切换开关当您与 j...

2016-12-01 15:03:00 137

转载 jQuery Mobile 列表内容

jQuery Mobile 列表缩略图对于大于 16x16px 的图像，请在链接中添加 <img> 元素。 jQuery Mobile 将自动把图像调整至 80x80px：实例: <ul data-role="listview"> <li><a href="#"><img src="chrome....

2016-12-01 14:49:00 87

转载 jQuery Mobile 列表视图(带有自动检索)

输入a：输入b： jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的 HTML 列表：有序列表 (<ol>) 和无序列表 (<ul>)。如需创建列表，请向 <ol> 或 <ul> 元素添加 data-role="listview"。如需使这些项目可点击，请在每个列表项（<li...

2016-12-01 14:41:00 168

转载 jQuery Mobile 网格布局

jQuery Mobile 布局网格 jQuery Mobile 提供了一套基于 CSS 的列布局方案。不过，一般不推荐在移动设备上使用列布局，这是由于移动设备的屏幕宽度所限。但是有时你需要定位更小的元素，比如按钮或导航栏，就像在表格中那样并排。这时，列布局就恰如其分。网格中的列是等宽的（总宽是 100%），无边框、背景、外边距或内边距。可使用的布局网格有四种：提示...

2016-12-01 14:25:00 127

转载 jQuery Mobile 可折叠

可折叠的内容块可折叠（Collapsibles）允许您隐藏或显示内容 - 对于存储部分信息很有用。如需创建可折叠的内容块，请向某个容器分配 data-role="collapsible" 属性。在容器（div）中，添加一个标题元素（h1-h6），其后是您需要扩展的任意 HTML 标记：实例: <div data-role="collapsible"> ...

2016-12-01 14:18:00 171

转载 jQuery Mobile 导航栏

jQuery Mobile 导航栏导航栏由一组水平排列的链接构成，通常位于页眉或页脚内部。默认地，导航栏中的链接会自动转换为按钮（无需 data-role="button"）。请使用 data-role="navbar" 属性来定义导航栏：实例: <div data-role="header"> <div data-role="n...

2016-12-01 14:12:00 169

转载 jQuery Mobile 工具栏

jQuery Mobile 工具栏工具栏元素常被放置于页眉和页脚中 - 以实现“已访问”的导航：标题栏页眉通常会包含页眉标题/LOGO 或一到两个按钮（通常是首页、选项或搜索按钮）。您可以在页眉中向左侧或/以及右侧添加按钮。下面的代码，将向页眉标题文本的左侧添加一个按钮，并向右侧添加一个按钮：实例: <div data-role="header...

2016-12-01 14:04:00 130

转载 jQuery Mobile 图标

jQuery 图标如需在 jQuery Mobile 中向按钮添加图标，请使用 data-icon 属性： <a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a> 提示：您也可以在 <button> 或 <input> 元素中使用 ...

2016-12-01 13:59:00 74

转载 jQuery Mobile 中创建按钮

在 jQuery Mobile 中创建按钮 jQuery Mobile 中的按钮可通过三种方法创建：使用 <button> 元素使用 <input> 元素使用 data-role="button" 的 <a> 元素 <button> <button>按钮</button> &l...

2016-12-01 13:56:00 172

转载 jQuery Mobile 过渡效果

jQuery Mobile 包含了允许您选择页面打开方式的 CSS 效果。 jQuery Mobile 过渡效果 jQuery Mobile 拥有一系列关于如何从一页过渡到下一页的效果。注释：如需实现过渡效果，浏览器必须支持 CSS3 3D 转换：浏览器支持 Internet Explorer 10 支持 3D 转换（更早的版本不支持） Opera 仍然不支持 3D ...

2016-12-01 12:43:00 96

aihou3725的博客