<分区>
我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。
关闭 7 年前。
标签 javascript php jquery html css
我有一个 PHP 文件，它返回一本书的 html 文件内容(文本和图像)。在页面顶部，我有下一个和上一个按钮来更改我的#reader div 的内容。每次用户单击上一个或下一个按钮时，我都需要对我的 #reader div 进行翻页效果。你们有什么例子可以给我看吗？
这是我的 html:
<div class="container">
<div class="toolKit">
<p id="prev">Prev</p>
<p id="next">Next</p>
</div>
<div id="reader"></div>
</div>
这是JS代码:
var page = 1;
$("#next").click(function () {
if(page < 10) {
page = page + 1;
dataString = 'page=' + page;
$.ajax({
type: "POST",
url: "ntkPageCaller.php",
data: dataString,
cache: false,
success: function (response) {
$("#reader").html(response);
}
});
return false;
}});
最佳答案
如果你只是想要一个显示内容变化的视觉提示，那么试试这个:
....
success: function (response) {
$("#reader").fadeOut().delay(300).html(response).fadeIn();
}
关于只有 1 个 div 的 Javascript 翻页效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37051069/