一个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 相关文章推荐
document.all与WEB标准
May 13 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
javascript学习笔记--数字格式类型
May 22 Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
Jquery组件easyUi实现选项卡切换示例
Aug 23 Javascript
JS仿JQuery选择器功能
Mar 08 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
Apr 04 Javascript
实例详解Node.js 函数
Jun 10 Javascript
详解vue项目中调用百度地图API使用方法
Apr 25 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 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
深入分析PHP引用(&amp;)
2014/09/04 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
php实现的简单检验登陆类
2015/06/18 PHP
推荐20家国外的脚本下载网站
2011/04/28 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
js随机生成字母数字组合的字符串 随机动画数字
2015/09/02 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
Vue实现简单计算器案例
2020/02/25 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
Python实现读取机器硬件信息的方法示例
2018/06/09 Python
tensorflow 重置/清除计算图的实现
2020/01/19 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
python利用opencv实现颜色检测
2021/02/23 Python
web字体加载方案优化小结
2019/11/29 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
班级入场式解说词
2014/02/01 职场文书
学校庆元旦歌咏比赛主持词
2014/03/18 职场文书
党员反对四风问题思想汇报
2014/09/12 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
幼儿园小班班务总结
2015/08/03 职场文书
党员观看《筑梦中国》心得体会
2016/01/18 职场文书
班组长如何制订适合本班组的工作计划?
2019/07/10 职场文书
python实现Thrift服务端的方法
2021/04/20 Python
MySQL一些常用高级SQL语句
2021/07/03 MySQL
漫画「日和酱的要求是绝对的」第3卷封面公开
2022/03/21 日漫
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫
Java Spring Lifecycle的使用
2022/05/06 Java/Android