一个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获取iframe里的值示例代码
Jun 24 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
Dec 09 Javascript
jquery简单倒计时实现方法
Dec 18 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
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与javascript对多项选择的处理
2006/10/09 PHP
php实现的遍历文件夹下所有文件,编辑删除
2010/01/05 PHP
初学PHP的朋友 经常问的一些问题。不断更新
2011/08/11 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
js的2种继承方式详解
2014/03/04 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
2016/07/01 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
详解webpack引用jquery(第三方模块)的三种办法
2019/08/21 jQuery
vue实现整屏滚动切换
2020/06/29 Javascript
Python yield使用方法示例
2013/12/04 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
python3爬取淘宝信息代码分析
2018/02/10 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
梅尔频率倒谱系数(mfcc)及Python实现
2019/06/18 Python
django使用admin站点上传图片的实例
2019/07/28 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
解决TensorFlow GPU版出现OOM错误的问题
2020/02/03 Python
python编程进阶之类和对象用法实例分析
2020/02/21 Python
Python restful框架接口开发实现
2020/04/13 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
一些高难度的SQL面试题
2016/11/29 面试题
远程教育集中轮训基层干部培训班学习心得体会
2016/01/09 职场文书
MySQL窗口函数的具体使用
2021/11/17 MySQL
什么是Python装饰器?如何定义和使用?
2022/04/11 Python