一个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 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
javascript getElementsByClassName实现代码
Oct 11 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
JavaScript 继承详解(六)
Oct 11 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
Vue学习之路之登录注册实例代码
Jul 06 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
vue+node+webpack环境搭建教程
Nov 05 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
Jun 04 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 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
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
php生成二维码图片方法汇总
2016/12/17 PHP
js用闭包遍历树状数组的方法
2014/03/19 Javascript
jQuery中click事件用法实例
2014/12/26 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
python抓取最新博客内容并生成Rss
2015/05/17 Python
python中函数传参详解
2016/07/03 Python
python实现用户管理系统
2018/01/10 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
Python hmac模块使用实例解析
2019/12/24 Python
Python 格式化输出_String Formatting_控制小数点位数的实例详解
2020/02/04 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
PHP面试题及答案一
2012/06/18 面试题
历史专业毕业生的自我鉴定
2013/11/15 职场文书
交通法规咨询中心工作职责
2013/11/27 职场文书
毕业生求职自荐信怎么写
2014/01/08 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
2014年物流工作总结
2014/11/25 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
2015年青年教师工作总结
2015/05/25 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
一年之计:2019年下半年的计划
2019/05/07 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python