一个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)">
以上是我对于一个翻页效果的修改,不知道可不可以,大家帮看看

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

Javascript 相关文章推荐
Prototype Array对象 学习
Jul 19 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
Sep 29 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
jcrop基本参数一览
Jul 16 Javascript
js 通用订单代码
Dec 23 Javascript
js获取下拉列表的值和元素个数示例
May 07 Javascript
JavaScript生成二维码图片小结
Dec 27 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 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
You might like
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
jquery中常用的函数和属性详细解析
2014/03/07 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
实例讲解jquery中mouseleave和mouseout的区别
2016/02/17 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
每日十条JavaScript经验技巧(一)
2016/06/23 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
详解vue 模版组件的三种用法
2017/07/21 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
js实现导航跟随效果
2018/11/17 Javascript
vue的for循环使用方法
2019/02/12 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
机器学习python实战之手写数字识别
2017/11/01 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
python plotly绘制直方图实例详解
2019/07/22 Python
Python二次规划和线性规划使用实例
2019/12/09 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
详解Python利用configparser对配置文件进行读写操作
2020/11/03 Python
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
世界上第一个水枕头:Mediflow
2018/12/06 全球购物
房产代理公证处委托书
2014/04/04 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
婚庆主持词大全
2015/06/30 职场文书
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python