编程 Javascript

一个JS翻页效果

Posted in Javascript onJuly 23, 2007

<IFRAME border=0 align=center marginWidth=0 marginHeight=0 src="1.htm" frameBorder=no width=200 scrolling=no height=200 style="border: 1px solid #CCCCCC" id="pic"></IFRAME>
<a href="javascript:Page(-1)">上一页</a><a href="javascript:Page(1)">下一页</a>
<script language="javascript">
var curId = 1;
var maxId = 3;
if (document.location.search) curId = Number(document.location.search.split("?")[1].split("=")[1]);
document.getElementById("pic").src = curId + ".htm";
function Page(id)
{
       if ( id == 0 )
              curId = Number(document.getElementById("page").value);
       else
              curId += id;
       if ( curId < 1 )
              curId = 1;
       if ( curId > maxId )
              curId = maxId;
       document.getElementById("pic").src = curId + ".htm";
}
</script>
跳转到第
<input id="page" type="text" size="5">
页
<input type="button" name="Submit" value="GO" onClick="Page(0)">
以上是我对于一个翻页效果的修改，不知道可不可以，大家帮看看

不知道有没有什么实际意义

一个JS翻页效果

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

ListBox实现上移,下移,左移,右移的简单实例

Feb 13 Javascript

javascript生成随机数的方法

May 16 Javascript

js实现多选项切换导航菜单的方法

Feb 06 Javascript

javascript原生ajax写法分享

Apr 10 Javascript

JavaScript实现横线提示输入验证码随输入验证码输入消失的方法

Sep 24 Javascript

BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案

Dec 14 Javascript

BootStrap整体框架之基础布局组件

Dec 15 Javascript

浅谈 vue 中的 watcher

Dec 04 Javascript

浅谈vuex 闲置状态重置方案

Jan 04 Javascript

JS实现的对象去重功能示例

Jun 04 Javascript

微信小程序向Java后台传输参数的方法实现

Dec 10 Javascript

实现一个简单得数据响应系统

Nov 11 Javascript

XML的代替者----JSON

Jul 21 #Javascript

js右键菜单效果代码

Jul 21 #Javascript

$()JS小技巧

Jul 21 #Javascript

IE 缓存策略的BUG的解决方法

Jul 21 #Javascript

用JS实现的一个include函数

Jul 21 #Javascript

代码精简的可以实现元素圆角的js函数

Jul 21 #Javascript

发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载

Jul 21 #Javascript