下面是内存溢出 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(菜单))所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)