当前位置: 首页 > news >正文

织梦手机网站怎么安装/qq群推广拉人

织梦手机网站怎么安装,qq群推广拉人,网站网页怎么压缩,哪里可以制作网站&#xfeff;&#xfeff;jQuery Mobile 学习三 jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的 HTML 列表&#xff1a;有序列表 (<ol>) 和无序列表 (<ul>)。 如需创建列表&#xff0c;请向 <ol> 或 <ul> 元素添加 data-role"list…


                                                                          jQuery Mobile 学习三


jQuery Mobile 列表视图

jQuery Mobile 中的列表视图是标准的 HTML 列表:有序列表 (<ol>) 和无序列表 (<ul>)。

如需创建列表,请向 <ol> 或 <ul> 元素添加 data-role="listview"。如需使这些项目可点击,请在每个列表项(<li>)中规定链接:

<ol data-role="listview"><li><a href="#">列表项</a></li>
</ol><ul data-role="listview"><li><a href="#">列表项</a></li>
</ul>

如需为列表添加圆角和外边距,请使用 data-inset="true" 属性:

<ul data-role="listview" data-inset="true">

列表分隔符

列表分隔符(List Dividers)用于把项目组织和组合为分类/节。

如需规定列表分隔符,请向 <li> 元素添加 data-role="list-divider" 属性:

<ul data-role="listview"><li data-role="list-divider">欧洲</li><li><a href="#">法国</a></li><li><a href="#">德国</a></li>
</ul>


如果列表是字母顺序的(比如通讯录),jQuery Mobile 自动添加恰当的分隔符,通过在 <ol> 或 <ul> 元素上设置 data-autodividers="true" 属性:

<ul data-role="listview" data-autodividers="true"><li><a href="#">Adam</a></li><li><a href="#">Angela</a></li><li><a href="#">Bill</a></li><li><a href="#">Calvin</a></li>...
</ul>

提示:data-autodividers="true" 属性通过对列表项文本的首字母进行大写来创建分隔符。

搜索过滤器

如需在列表中添加搜索框,请使用 data-filter="true" 属性:

<ul data-role="listview" data-filter="true"></ul>

默认地,搜索框中的文本是 "Filter items..."。

如需修改默认文本,请使用 data-filter-placeholder 属性:

<ul data-role="listview" data-filter="true" data-filter-placeholder="搜索姓名">

jQuery Mobile 列表缩略图

对于大于 16x16px 的图像,请在链接中添加 <img> 元素。

jQuery Mobile 将自动把图像调整至 80x80px:

<ul data-role="listview"><li><a href="#"><img src="chrome.png"></a></li>
</ul>
请使用标准 HTML 来填充带有信息的列表:
<ul data-role="listview"><li><a href="#"><img src="chrome.png"><h2>Google Chrome</h2><p>Google Chrome 免费的开源 web 浏览器。发布于 2008 年。</p></a></li>
</ul>

jQuery Mobile 列表图标

如需向您的列表添加 16x16px 的图标,请向 <img> 元素添加 class="ui-li-icon" 属性:

<li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon">USA</a></li>

拆分按钮

如需创建带有垂直分隔栏的拆分列表,请在 <li> 元素内放置两个链接。

jQuery Mobile 会自动为第二个链接添加蓝色箭头图标的样式,链接中的文本(如有)将在用户划过该图标时显示:

<ul data-role="listview"><li><a href="#"><img src="chrome.png"></a><a href="#">Some Text</a></li>
</ul>

计数泡沫

计数泡沫用于显示与列表项相关的数目,例如邮箱中的消息:
如需添加计数泡沫,请使用行内元素,比如 <span>,设置 class "ui-li-count" 属性并添加数字:

<ul data-role="listview"><li><a href="#">Inbox<span class="ui-li-count">335</span></a></li><li><a href="#">Sent<span class="ui-li-count">123</span></a></li><li><a href="#">Trash<span class="ui-li-count">7</span></a></li>
</ul>


http://www.jmfq.cn/news/4852153.html

相关文章:

  • 杭州知名网站制作公司/seo长沙
  • 二手优品哪个网站做/厦门seo推广外包
  • 中国建设网建设通官方网站/网址查询站长工具
  • 去别人网站挂黑链/推广方案流程
  • 郑州做网站的公司哪家/网站seo优化方案项目策划书
  • wordpress时光轴页面/免费seo快速排名工具
  • 网站地图怎么弄/seo谷歌外贸推广
  • 深圳有做网站公司/百度账号怎么改名字
  • 郑州网站制作公司哪家好/seo优化是怎么回事呢
  • 营销型网站方案ppt模板/新网站推广方案
  • 公司网站维护是做什么的/如何优化关键词的排名
  • 域名未绑定 网站过期 以及其他原因/百度手机版网页
  • 电商网站建设实验原理/杭州关键词自动排名
  • 重庆有的设计网站/百度识图网页版入口
  • php wap网站源码/上海关键词推广公司
  • 如何建设好一个网站/旺道seo软件技术
  • 泊头做网站电话/网络推广方案范文
  • 免费拥有自己的网站/seo是什么软件
  • 网站引导页面制作的四个任务名称/网络推广方法技巧
  • 怎么在各大网站做推广/互联网营销师证书是国家认可的吗
  • 广州市网站建设公司/查网站是否正规
  • wordpress获取当前页地址/seo博客写作
  • 网站网站设计网站/互联网广告推广公司
  • 做网站的要到处跑吗/百度指数排行榜哪里看
  • 建设摩托车所有车型/seo快速排名优化公司
  • 桂林手机网站制作/百度网盘人工客服
  • 网站与网页区别/cms网站模板
  • wordpress文章中文版/优化算法
  • 兵团建设环保局网站/知乎小说推广对接平台
  • 南京做网站价格/seo zac