WEBAPP开发教程webapp开发——jqmobi框架的快速使用-职坐标

WEBAPP开发教程webapp开发——jqmobi框架的快速使用

凌雪 2018-11-08 来源：网络阅读 1261 评论 0

摘要：本文将带你了解WEBAPP开发教程webapp开发——jqmobi框架的快速使用，希望本文对大家学WEBAPP有所帮助。

本文将带你了解WEBAPP开发教程webapp开发——jqmobi框架的快速使用，希望本文对大家学WEBAPP有所帮助。

<!DOCTYPE html> <html><head> <title>快速开始jqmobi</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" type="text/css" href="build/css/icons.css" /> <link rel="stylesheet" type="text/css" href="build/css/af.ui.css" /> <script type="text/javascript" charset="utf-8" src="build/ui/appframework.ui.min.js"></script> <script type="text/javascript" charset="utf-8" src="build/af.plugins.min.js"></script>   <script type="text/javascript"> var webRoot = "./"; $.ui.autoLaunch = false; //关闭自动初始化，使用欢迎页面【进入的时候见到的黑底加载页面】 /* 这里是监听节点加载完毕之后初始化框架.*/ var init = function () { $.ui.backButtonText = "Back"; window.setTimeout(function () { $.ui.launch(); }, 1500); }; document.addEventListener("DOMContentLoaded", init, false); </script> </head> <body> <div id="afui"> <div id="splashscreen" class='ui-loader heavy'> <br> <br> <p>我是进入欢迎页，这里可以结合上面的初始化js，来制作欢迎页</p> <br> <br> <span class='ui-icon ui-icon-loading spin'></span> <br> <br> <h1>正在努力加载中。。。</h1> </div>  <div id="header"> <a href="javascript:$.ui.toggleLeftSideMenu()" style="float:right">Toggle Nav</a> </div> <div id="content">             <div data-title='这里是header显示的标题' id="main" selected="true"> 这里是页面主题 </div> </div>  <div id="navbar"> <div></div> <a href="#main" id='navbar_home' class='icon home'>home</a> </div>  <nav> <div>左侧滑出菜单</div> <ul> <li ><a class="icon home mini" href="#main">Selectors</a></li> </ul> </nav> <aside> <div>右侧滑出菜单</div> <ul> <li ><a class="icon home mini" href="#main">Selectors</a></li> </ul> </aside> </div> </body></html>

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！

移动端开发工具新闻app开发手机应用程序开发

本文由 @凌雪发布于职坐标。未经许可，禁止转载。