一个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 相关文章推荐
asp 取文本框名称代码
Dec 02 Javascript
js实现的折叠导航示例
Nov 29 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
浅谈js键盘事件全面控制
Dec 01 Javascript
使用微信小程序开发前端【快速入门】
Dec 05 Javascript
详解webpack es6 to es5支持配置
May 04 Javascript
axios post提交formdata的实例
Mar 16 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
在vue-cli创建的项目中使用sass操作
Aug 10 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 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/10/20 PHP
ThinkPHP模板之变量输出、自定义函数与判断语句用法
2014/11/01 PHP
Yii学习总结之安装配置
2015/02/22 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
JavaScript中的this实例分析
2011/04/28 Javascript
javascript学习笔记(五) Array 数组类型介绍
2012/06/19 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
莱鸟介绍javascript onclick事件
2016/01/06 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
JavaScript数据结构链表知识详解
2016/11/21 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
Vue CLI3 如何支持less的方法示例
2018/08/29 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
python实现简单登陆系统
2018/10/18 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
在pycharm创建scrapy项目的实现步骤
2020/12/01 Python
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
设计师个人求职信范文
2014/02/02 职场文书
物理研修随笔感言
2014/02/14 职场文书
历史专业学生的自我评价
2014/02/28 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
2015年体育教学工作总结
2015/05/20 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android