移动Web应用程序原型或演示

Question

我为移动网络应用创建了html5屏幕。我想向页面添加操作。我的意思是我点击任何按钮，相关的html页面应该如下例所示。

http://elsies.appclerk.com/

我需要在开发之前为demo演示的导航流程。有什么简单的过程吗？请建议我。

修改 请检查[jsfiddle]（http://jsfiddle.net/4cKhC/“＆gt; html代码）。
在那里，当我点击后退按钮时，新页面或其他页面应该像上面的URL一样（滑块效果）。

Answer 1

如果您只对原型设计感兴趣，可以使用jQuery Mobile标记轻松（在某种程度上）实现此目的。

您可以声明这样的jQM页面：

<div id="contacts" data-role="page">
<div data-role="header">
    <h1>Contacts</h1>
    <a href="#" data-rel="back" data-icon="arrow-l" data-transition="slide">Back</a>
</div>
<div data-role="content">
    <ul data-role="listview" data-filter="true">
        <li data-role="list-divider">Colleagues</li>
        <li><a href="#alan" data-transition="slide">
            <img src="images/person.png">
            <h1>Alan Ayckbourn</h1>
            <p>Available</p>
        </a></li>
    </ul>
</div>

添加javascript和（或）服务器端脚本（例如php），您可以将其转换为真正的应用程序。

以下是您的三页mock-up 列表 Alan Ayckbourn 中的第一项是可点击的。