jquery mobile的用法(多页面、 Dialogs(对话框)、menu(菜单))

jquery mobile的用法(多页面、 Dialogs(对话框)、menu(菜单)),第1张

概述jquery mobile的用法(多页面、 Dialogs(对话框)、menu(菜单))

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

<!DOCTYPE HTML> <HTML> <head>   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.CSS">   <script src="http://code.jquery.com/jquery-1.8.3.min.Js"></script>   <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.Js"></script> </head> <body> <div data-role="page" ID="pageone">  <div data-role="header">    <h1>欢迎来到我的主页</h1>    <div data-role="navbar">      <ul>       <li><a href="#" data-icon="home">首页</a></li>        <li><a href="#pagetwo" data-icon="arrow-r">页面二</a></li>      </ul>    </div>  </div>  <div data-role="content">  <div >    <vIDeo wIDth="600" height="400" controls="controls" >	<source src="vIDeo/movIE.mp4" type="vIDeo/mp4">	您的浏览器不支持 vIDeo 标签。	</vIDeo>  </div>   <p>    <xmp>        <vIDeo wIDth="600" height="400" controls="controls" >	<source src="http://vod.kankan.com/v/87/87085.sHTML?ID=761122&outsite=kk_rebo_1&src=se6_newtab" type="vIDeo/mp4">	您的浏览器不支持 vIDeo 标签。	</vIDeo>	  controls 如果出现该属性,则向用户显示控件,比如播放按钮。  xmp中间可以包含HTML实体而不被转义  data-role参数表:    page        页面容器,其内部的mobile元素将会继承这个容器上所设置的属性     header     页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等元素    footer       页面页脚容器,这个容器内部也可以包含文字、返回按钮、功能按钮等元素    content     页面内容容器,这是一个很宽容的容器,内部可以包含标准的HTML元素和jqueryMobile元素     </xmp>    </p>  </div>  <div data-role="footer">    <h1>我的页脚</h1>  </div> </div> <div data-role="page" ID="pagetwo">   <div data-role="header">    <h1>欢迎来到我的主页</h1>    <div data-role="navbar">      <ul>        <li><a href="#pageone" data-icon="home">首页</a></li>        <li><a href="#" data-icon="arrow-r">页面二</a></li>      </ul>    </div>  </div>  <div data-role="content">    	<div data-role="button">  1+1=2?</div>    <ul data-role="List-vIEw">  <li> <a href="#dui" data-rel="popup" data-position-to="window" data-role="button" data-Transition="pop" data-icon="check" data-iconpos="right">对</a>     <div data-role="popup" ID="dui" data-overlay-theme="a" data-theme="c">        <div data-role="header" data-theme="a">          <h1>对了!</h1>        </div>       <div data-role="content" data-theme="d">        <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c" data-icon="check">恭喜对了</a>       </div>     </div>  </li>   <li> <a href="#cuo" data-rel="popup" data-position-to="window" data-role="button" data-Transition="pop" data-icon="delete" data-iconpos="right">错</a>      <div data-role="popup" ID="cuo" data-overlay-theme="a" data-theme="c">        <div data-role="header" data-theme="a">          <h1>错了!</h1>        </div>     <div data-role="content" data-theme="d">        <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c" data-icon="delete">你回答错了</a>    </div>  </li> </ul> </div>  <a href="#menu" data-rel="popup" data-role="button">菜单</a>  <div data-role="popup" ID="menu" data-theme="a">    <ul data-role="ListvIEw" data-theme="c" data-inset="true">        <li data-role="divIDer" data-theme="a">My Menu</li>        <li><a href="http://www.w3school.com.cn">w3school</a></li>        <li><a href="http://www.baIDu.com">baIDu<span >66</span></a></li>    </ul>  </div>  <div data-role="footer">    <h1>我的页脚</h1>  </div>  </div> </div> </body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的jquery mobile的用法(多页面、 Dialogs(对话框)、menu(菜单))全部内容,希望文章能够帮你解决jquery mobile的用法(多页面、 Dialogs(对话框)、menu(菜单))所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1092237.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存