- 博客(14)
- 收藏
- 关注
原创 jQuery Mobile 列表内容
发件箱<span class="ui-li-count">432</span></a></li><li><a href="#">收件箱<span class="ui-li-count">25</span></a></li><li><a href="#">垃圾箱<span class="ui-li-count">7</span></a></li><a href="#download" data-rel="dialog">下载浏览器
2025-04-06 08:45:00
628
原创 jQuery Mobile 网格
jQuery Mobile 提供了一套基于 CSS 的分列布局。然而,在移动设备上,由于考虑手机的屏幕宽度狭窄,一般不建议使用分栏分列布局。但有时您想要将较小的元素(如按钮或导航标签)并排地排列在一起,就像是在一个表格中一样。这种情况下,推荐使用分列布局。网格中的列是等宽的(合计是 100%),没有边框、背景、margin 或 padding。这里有四种布局网格可供使用:通过使用CSS,您可以自定义列块:<style>.ui-block-a, .ui-block-b, .ui-block-c {
2025-04-06 07:30:00
801
原创 jQuery Mobile 表格
我是不怎么重要的列 - 我最先被隐藏</th><th data-priority="1">我是非常重要的列 - 我不会被隐藏</th><th data-priority="3">我是重要的列 - 我可能被隐藏
2025-04-05 08:45:00
764
原创 jQuery Mobile 可折叠块
如需创建一个可折叠的内容块,需要为容器添加 data-role="collapsible" 属性。默认情况下,内容是被折叠起来的。<h1>点击我 - 我是嵌套的可折叠块!<p>我是嵌套的可折叠块中被展开的内容。<h1>点击我 - 我可以折叠!<h1>点击我 - 我可以折叠!<p>I'm 现在我默认是展开的。<h1>点击我 - 我可以折叠!<h1>点击我 - 我可以折叠!<h1>点击我 - 我可以折叠!<p>我是可折叠的内容。<p>我是被展开的内容。<p>我是被展开的内容。<p>我是被展开的内容。
2025-04-05 08:15:00
279
原创 jQuery Mobile 工具栏
主页</a><a href="#" class="ui-btn ui-icon-plus ui-btn-icon-left">在Twitter上关注我
2025-04-04 07:15:00
769
原创 jQuery Mobile 导航栏
导航栏是由一组水平排列的链接组成,通常包含在头部或尾部内。默认情况下,导航栏中的链接将自动变成按钮(不需要 data-role="button")。
2025-04-04 06:30:00
656
原创 jQuery Mobile 面板
元素添加 data-role="panel" 属性来创建面板。在 <div> 中添加 HTML 标记来显示你的面板内容:<h2>面板标题..</h2><p>文本内容..</p>
2025-04-03 08:45:00
657
原创 jQuery Mobile 弹窗
弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。弹窗可用于显示一段文本,图片,地图或其他内容。创建一个弹窗,需要使用 <a> 和 <div> 元素。在 <a> 元素上添加 data-rel="popup" 属性, <div> 元素添加 data-role="popup" 属性。接着我们为 <div> 指定 id, 然后设置 <a> 的 href 值为 <div> 指定的 id。<div> 中的内容为弹窗显示的内容。<div> 弹窗与点击的 <a> 链接必须在同一个页面上。
2025-04-03 06:15:00
1621
原创 jQuery Mobile 页面
访问外部文件</a><a href="#pagetwo">跳转到第二个页面</a><a href="#pageone">跳转到第一个页面</a><a href="#pagetwo">跳转到第二个页面</a><a href="#pageone">跳转到第一个页面
2025-04-01 07:30:00
627
原创 jQuery Mobile 安装
- meta使用viewport以确保页面可自由缩放 -->-- meta使用viewport以确保页面可自由缩放 -->如果你想将 jQuery Mobile 放于你的主机中,你可以从。-- 引入 jQuery Mobile 样式 -->-- 引入 jQuery Mobile 样式 -->-- 引入 jQuery Mobile 库 -->-- 引入 jQuery Mobile 库 -->-- 引入 jQuery 库 -->-- 引入 jQuery 库 -->将下载的文件放置于与网页同一目录下。
2025-03-31 11:46:51
2077
原创 jQuery Mobile 简介
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。jQuery Mobile 工作于所有主流的智能手机和平板电脑上:jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。jQuery Mobile 使用了极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码来完成页面的布局渲染。
2025-03-31 11:45:54
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人