一个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 相关文章推荐
javascript 模式设计之工厂模式详细说明
May 10 Javascript
13 个JavaScript 性能提升技巧分享
Jul 26 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
JS实现QQ图片一闪一闪的效果小例子
Jul 31 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
Aug 05 Javascript
AngularJS入门教程(一):静态模板
Dec 06 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
JS中实现函数return多个返回值的实例
Feb 21 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
24个解决实际问题的ES6代码片段(小结)
Feb 02 Javascript
node.js +mongdb实现登录功能
Jun 18 Javascript
vue+springboot+element+vue-resource实现文件上传教程
Oct 21 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
ExtJS与PHP、MySQL实现存储的方法
2010/04/02 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
Firefox和IE兼容性问题及解决方法总结
2013/10/08 Javascript
前端开发过程中浏览器版本的两种判定方法
2013/10/30 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
推荐一个自己用的封装好的javascript插件
2015/01/29 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
JS插件overlib用法实例详解
2015/12/26 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
Thinkjs3新手入门之如何使用静态资源目录
2017/12/06 Javascript
深入理解Promise.all
2018/08/08 Javascript
[07:54]DOTA2-DPC中国联赛 正赛 iG vs VG 选手采访
2021/03/11 DOTA
学习python (2)
2006/10/31 Python
Python遍历pandas数据方法总结
2018/02/09 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
想学python 这5本书籍你必看!
2018/12/11 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
python实现批量nii文件转换为png图像
2019/07/18 Python
python实现的发邮件功能示例
2019/09/11 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
python两种获取剪贴板内容的方法
2020/11/06 Python
python 元组和列表的区别
2020/12/30 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
文明礼仪伴我行演讲稿
2014/05/12 职场文书
校运会口号
2014/06/18 职场文书
家庭贫困证明
2015/06/16 职场文书
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL