一个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 相关文章推荐
jquery 弹出层注册页面等(asp.net后台)
Jun 17 Javascript
用JQuery调用Session的实现代码
Oct 29 Javascript
js日期联动示例
May 02 Javascript
jQuery实现Tab选项卡切换效果简单演示
Nov 23 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
Aug 23 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 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通过COM类调用组件的实现代码
2012/01/11 PHP
PHP重定向的3种方式
2013/03/07 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
在IE浏览器中resize事件执行多次的解决方法
2011/07/12 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
js hover 定时器(实例代码)
2013/11/12 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
python操作MySQL数据库的方法分享
2012/05/29 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
Python与R语言的简要对比
2017/11/14 Python
python放大图片和画方格实现算法
2018/03/30 Python
深入浅析Python传值与传址
2018/07/10 Python
python3实现二叉树的遍历与递归算法解析(小结)
2019/07/03 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
英国标志性奢侈品牌:Burberry
2016/07/28 全球购物
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
英国领先的狗和宠物美容专家:Christies Direct
2017/04/03 全球购物
Ruby如何创建一个线程
2013/03/10 面试题
超市创业计划书
2014/04/24 职场文书
促销活动总结模板
2014/07/01 职场文书
感恩教师主题班会
2015/08/12 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
python简单验证码识别的实现过程
2021/06/20 Python
Python实现照片卡通化
2021/12/06 Python