<html>
<head>
<title>主页</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
</head>
<body>
<div style="width: 100%; height: 50px; line-height: 50px; border: 1px solid #ccc;">
<input type="button" value="首页" οnclick="HomePage()">
<input type="button" value="上一页" οnclick="PrePage()">
<input type="button" value="下一页" οnclick="NextPage()">
</div>
<div id="menu">
<ul style="display: inline;">
<li class="menu-item">
<a id="page1" href="#" οnclick="select()">1.html</a>
<a id="page2" href="#" οnclick="select()">2.html</a>
<a id="page3" href="#" οnclick="select()">3.html</a>
</li>
</ul>
</div>
<div id="page" style="width: 100%; border: 1px solid #ccc;">
<iframe id="content" src=""></iframe>
</div>
</body>
<script>
var currentPage = {pageId: 'page0',pageUrl: 'index.html',pageIndex: 0};
var pageList = [
{pageId: 'page0',pageUrl: 'index.html',pageIndex: 0},
{pageId: 'page1',pageUrl: '1.html',pageIndex: 1},
{pageId: 'page2',pageUrl: '2.html',pageIndex: 2},
{pageId: 'page3',pageUrl: '3.html',pageIndex: 3},
{pageId: 'page4',pageUrl: '4.html',pageIndex: 4},
{pageId: 'page5',pageUrl: '5.html',pageIndex: 5},
];

function HomePage(){
$('#menu').show();
$('#page').hide();
currentPage = {pageId: 'page0',pageUrl: 'index.html',pageIndex: 0};
}

function NextPage(){
$('#menu').hide();
$('#page').show();
var currentPageIndex = currentPage.pageIndex;

pageList.forEach(function(item){
if(item.pageIndex == currentPageIndex + 1){
$('#content').attr('src', item.pageUrl);
currentPage = item;
return;
}
});
}

php分页不跳转,分页源代码，分页时上一页下一页不显示，但可以跳转
分页源代码,分页时上一页下一页不显示,但可以跳转 $sql="select * from product where pronum like'%$key%' or pdes like '%$ ...
eayUi panel实现上一页下一页
function 是为了第一次加载的时候显示页面 butt1和butt2触发上一页下一页,后面绑定参数即可问题:.panel({href:href})到后台的时候会请求两次,这个问题还没有解决把 ...
html分页首页上一页下一页,HTML静态分页（形如：首页，上一页，下一页，尾页）...
在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页首页上一页下一页尾页的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考. fu ...
用数据库的方式编辑上一页下一页
实现文章上一页下一页的效果通过调用数据库 using(SqlConnection con=new SqlConnection(@"server=..")) { Guid a ...
php分页上一页下一页判断,一个分页函数：显示“上一页下一页”等
'************************************************** '函数名:ShowPage '作用:显示"上一页下一页"等信息 '参数 ...
Asp.net(c#)GridView分页时用图片显示上一页,下一页
Asp.net(c#)GridView分页时用图片显示上一页,下一页效果展示: 需要的两张图片: 详细代码: Code <%@ Page Language="C#" ...
php 上一页下一页代码,php无限上一页，下一页，求完善代码？？
php无限上一页,下一页,求完善代码?? mip版关注:150 答案:4 悬赏:50 解决时间 2021-01-25 16:24 已解决 2021-01-24 18:25 $pagesize= ...
html内容页上一页下一页,帝国CMS内容页增加内容分页上一页标签功能！
帝国CMS一直以来升级没有提供内容分页的上一页标签功能,只有一个:内容页下一页[!--next.page--] 标签!所以下面就是要改造一下这个标签,实现内容页上一页的功能! 步骤如下: 打开e/cl ...
Android开发实现上一页,下一页显示内容
最近写了个上一页下一页显示Demo,感觉还是比较好实现!通过设置listview的每页item显示的个数,然后控制返回item的count实现点击按钮上一页下一页效果. 一,布局文件(若是想实现滑动的 ...
图片切换上一页下一页
切换图片点击上一页切换到上一张,点击一下页切换到下一张 <!DOCTYPE html> <html><head><meta charset="UT ...

WEB 上一页下一页

WEB 上一页下一页相关推荐

最新文章

热门文章