一个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 作用域使用说明
Aug 13 Javascript
为JavaScript添加重载函数的辅助方法
Jul 04 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
Swiper自定义分页器使用详解
Dec 28 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
jQuery实现获取多选框的值示例
Feb 07 jQuery
javascript实现京东快递单号的查询效果
Nov 30 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数据类型转换
2014/01/09 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
js保存当前路径(cookies记录)
2010/12/14 Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
2012/01/21 Javascript
javascript倒计时功能实现代码
2012/06/07 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
2015/07/27 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
JS中多步骤多分步的StepJump组件实例详解
2016/04/01 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
2019/12/20 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
2020/06/15 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
红色连衣裙精品店:Red Dress Boutique
2018/08/11 全球购物
迟到检讨书900字
2014/01/14 职场文书
模范教师事迹材料
2014/02/10 职场文书
学校搬迁方案
2014/06/15 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
高中生军训感言
2015/08/01 职场文书
一年级下册数学教学反思
2016/02/16 职场文书