1、新建一个APP项目，然后，添加两个页面，一个是主页面，用来显示游戏列表；一个是子页面，用来显示打开游戏链接的。
2、主页面显示游戏的代码：&盟敢势袂lt;div class="mui-content"><div i颊俄岿髭d="gameDiv" style="margin-top:60%;"><table align="center" width="96%"><tr><td id="td0" align="center" width="32%"><img src="/1453348193407008502.jpg" title="1453348193407008502.jpg" alt="1450886617096014247.jpg" _src="/1453348193407008502.jpg"><p/><font style="color: #000000;">愤怒小鸟</font></td></table></div></div>其效果图如下：
3、主页面预加载子页面的代码图。关于为什么要先预加载页面，主要是为了页面性能，则在打开时，会响应快些（因为不用再创建、加载页面，只用显示页面，便可）。
4、那么，点击页面游戏图标时，相应的代码又如何编写呢，拆分为两个代码块：1、定义打开方法；2、调用打开方法（至于，如何实现页面间传值的功能，请查看其它的经验）。
5、接下来，我们看看子页面的代码如何编写。首先，我们看看子页面的<body>代码如何写：<div class="mui-content" id="game"> </div>很简单，只定义了一个空的DIV。然后，我们看看是如何动态加载游戏链接的。
6、关键代码已完成，那么，我们看看点击游戏链接，打开子页面游戏的效果吧。
