一个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的常见兼容问题及相关解决方法(chrome/IE/firefox)
Dec 31 Javascript
类似天猫商品详情随浏览器移动的示例代码
Feb 27 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
Mar 08 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
vue+elementUI组件table实现前端分页功能
Nov 15 Javascript
vuex(vue状态管理)的特殊应用案例分享
Mar 03 Javascript
nuxt引入组件和公共样式的操作
Nov 05 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
PHP最常用的ini函数分析 针对PHP.ini配置文件
2010/04/22 PHP
用php实现选择排序的解决方法
2013/05/04 PHP
php实现简单的上传进度条
2015/11/17 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
jquery实现邮箱自动补全功能示例分享
2014/02/17 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
2016/10/19 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
JavaScript之map reduce_动力节点Java学院整理
2017/06/29 Javascript
关于定制FileField中的上传文件名称问题
2017/08/22 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
在Linux下调试Python代码的各种方法
2015/04/17 Python
python基础教程之五种数据类型详解
2017/01/12 Python
python计算n的阶乘的方法代码
2019/10/25 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
PyQt5.6+pycharm配置以及pyinstaller生成exe(小白教程)
2020/06/02 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
MAC平台基于Python Appium环境搭建过程图解
2020/08/13 Python
C/C++有关内存的思考题
2015/12/04 面试题
教导处工作制度
2014/01/18 职场文书
参观考察邀请函范文
2014/01/29 职场文书
上班玩手机检讨书
2014/02/17 职场文书
人民检察院起诉书
2015/05/20 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server