跟我学jquerymobile框架技术及应用实例第5部分

跟我学jquerymobile框架技术及应用实例第5部分内容摘要：

频类有提升代入感的应用是非常有用的。 注意这种模式下工具栏会遮住页面内容，所以最好用在比较特殊的场合下。 使用 dataposition 属性来定位头部栏和尾部栏的定位方式。 Inline 定位（默认） div datarole=header dataposition=inline/div div datarole=footer dataposition=inline/div Fixed 定位 div datarole=header dataposition=fixed/div div datarole=footer dataposition=fixed/div Fullscreen 定位 要启用全屏定位，请使用 dataposition=fixed，并添加 datafullscreen 属性到元素。 全屏定位适用于照片、图像和视频。 固定定位和全屏定位中，通过点击屏幕将隐藏和显示头部栏和尾部栏。 div datarole=header dataposition=fixed datafullscreen=true/div div datarole=footer dataposition=fixed datafullscreen=true/div 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 5/11 页 jQuery Mobile 导航栏 导航栏的位置和创建方法 导航栏通常位于头部和尾部内，从而可以让导航易于访问。 导航栏一般是由一组水平排列的链接组成，通常包含在头部或尾部内。 在默认情况下，导航栏中的链接将自动变成按钮（不需要 datarole=button）。 使用 datarole=navbar 属性来定义导航栏 div datarole=page div datarole=header h1欢迎来到我的主页 /h1 div datarole=navbar ul lia href= dataicon=home主页 Home/a/li lia href= dataicon=arrowr第二页 /a/li 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 6/11 页 lia href= dataicon=search搜索 /a/li /ul /div /div div datarole=content p我的内容 /p /div div datarole=footer h1我的底部 /h1 /div /div 默认情况下，按钮的宽度与它的内容一样。 使用一个无序列表来平均地划分按钮的宽度： 1 个按钮占 100% 宽度， 2 个按钮则各占 50% 的宽度， 3 个按钮则每个占 33,3% 的宽度，依此类推。 然而，如果您在导航栏中指定了超过 5 个按钮，将会拆成多行（查看 更多实例 ）。 激活按钮 当导航栏中的某。