1

我为移动网络应用程序创建了 html5 屏幕。我想向页面添加操作。我的意思是我点击任何按钮,相关的 html 页面应该像下面的例子一样。

http://elsies.appclerk.com/

我需要在开发前演示的导航流程。有什么简单的流程吗?请给我建议。

编辑: 请检查 [jsfiddle](http://jsfiddle.net/4cKhC/">html 代码)。
在那里,当我点击后退按钮时,新页面或另一个页面应该像上面的 url (滑块效果) .

4

1 回答 1

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),您可以将其变成真正的应用程序。

这是为您准备的三页模型Alan Ayckbourn
列表中的第一项是可点击的。

于 2013-01-05T19:21:05.920 回答