<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Stack Container</title>
<style type="text/css">
@import "dojo/dijit/themes/soria/soria.css";
@import "dojo/dojo/resources/dojo.css"
</style>
<script type="text/javascript" src="dojo/dojo/dojo.js"
djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.layout.StackContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.form.Button");
</script>
</head>
<body class="soria">
<button dojoType="dijit.form.Button" id="previous">
Previous
<script type="dojo/method" event="onClick">
dijit.byId('main').back();
</script>
</button>
<button dojoType="dijit.form.Button" id="next">
Next
<script type="dojo/method" event="onClick">
dijit.byId('main').forward();
</script>
</button>
<div dojoType="dijit.layout.StackContainer" id="main">
<p id="p1" dojoType="dijit.layout.ContentPane">
This is in page 1.
It's the 1st page you see.
</p>
<p id="p2" dojoType="dijit.layout.ContentPane">
This is in page 2.
Good good study, day day up.
</p>
<p id="p3" dojoType="dijit.layout.ContentPane">
This is in page 3.
At last, I shall have revenge.
</p>
</div>
</body>
</html>
需要自己写一个style来加框，这里没写。使用这个Container需要开发人员写控制翻页的控件。
