您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 导航栏

jQuery Mobile 导航栏_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 导航栏

jQuery Mobile 导航栏

此节有 167 人学习过     更新时间:2017-08-06 12:17   参与评论

jQuery Mobile 导航栏

导航栏由一组水平排列的链接构成,通常位于页眉或页脚内部。

默认地,导航栏中的链接会主动转换为按钮(无需 data-role="button")。

请使用 data-role="navbar" 属性来定义导航栏:

实例

<div data-role="header">
  <div data-role="navbar">
    <ul>
      <li><a href="#anylink">365体育备用网址</a></li>
      <li><a href="#anylink">页面二</a></li>
      <li><a href="#anylink">搜索</a></li>
    </ul>
  </div>
</div>

亲自试一试

提示:按钮的宽度,默认地,与其内容一致。使用无序列表来均等地划分按钮:一个按钮占据 100% 的宽度,两个按钮各分享 50% 的宽度,三个按钮 33.3%,以此类推。不过,如果您在导航栏中规定了五个以上的按钮,那么它会弯折为多行(参与页面底部的“千亿娱乐城注册网址实例”)。

运动按钮

当导航栏中的链接被敲击时,会获得选取外观(按下)。

如需在不敲击链接时实现此外观,请使用 class="ui-btn-active":

实例

<li><a href="#anylink" class="ui-btn-active">365体育备用网址</a></li>

亲自试一试

对于多个页面,您也许需要为每个按钮设置“被选”外观,以表示用户正在扫瞄该页面。如果要这么做,请向链接添加 "ui-state-persist" 类,以及 "ui-btn-active" 类:

实例

<li><a href="#anylink" class="ui-btn-active ui-state-persist">365体育备用网址</a></li>

亲自试一试

千亿娱乐城注册网址实例

内容中的导航栏
如何在 data-role="content" 中添加导航栏。
页脚中的导航栏
如何在页脚中添加导航栏。
在导航栏中定位图标
如何在页脚内部的导航栏中放置图标。
五个以上的按钮
演示在导航栏中的十个按钮。

如对本文有疑问,请提交到交流钱柜娱乐 在线娱乐,广大热心网友会为你解答!! 点击进入钱柜娱乐 在线娱乐


公布评论 (167人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换皇室国际娱乐城老虎机
最新评论
------分隔线----------------------------
条评论
Sitemap