一个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 相关文章推荐
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
用Javascript实现Sleep暂停功能代码
Sep 03 Javascript
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
JQuery实现倒计时按钮的实现代码
Mar 23 Javascript
AngularJS ng-style中使用filter
Sep 21 Javascript
Bootstrap CSS布局之图像
Dec 17 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
浅谈vue中.vue文件解析流程
Apr 24 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 Javascript
基于vue如何发布一个npm包的方法步骤
May 15 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 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通用分页类page.php[仿google分页]
2008/08/31 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
PHP控制前台弹出对话框的实现方法
2016/08/21 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
jquery中的$(document).ready()与window.onload的区别
2009/11/18 Javascript
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
js弹出div并显示遮罩层
2014/02/12 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
Python安装pycurl失败的解决方法
2018/10/15 Python
使用Windows批处理和WMI设置Python的环境变量方法
2019/08/14 Python
详解Python self 参数
2019/08/30 Python
给ubuntu18安装python3.7的详细教程
2020/06/08 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
软件配置管理有什么好处
2015/04/15 面试题
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
4s店总经理岗位职责
2013/12/31 职场文书
拾金不昧的表扬信
2014/01/16 职场文书
会计演讲稿范文
2014/05/23 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
2016猴年春节问候语
2015/11/11 职场文书
工作违纪的检讨书范文
2019/07/09 职场文书
简短的人生哲理(38句)
2019/08/13 职场文书
分享Python异步爬取知乎热榜
2022/04/12 Python
Python如何让字典保持有序排列
2022/04/29 Python