一个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 相关文章推荐
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
Feb 04 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
js仿淘宝商品放大预览功能
Mar 15 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
微信小程序自定义可滑动日历界面
Dec 28 Javascript
vue-router 起步步骤详解
Mar 26 Javascript
redux处理异步action解决方案
Mar 22 Javascript
浅谈Web Storage API的使用
Jun 23 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/05/05 PHP
PHP的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
ECMAScript 基础知识
2007/06/29 Javascript
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
判断文档离浏览器顶部的距离的方法
2014/01/08 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
分享一则JavaScript滚动条插件源码
2015/03/03 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
JS禁止查看网页源代码的实现方法
2016/10/12 Javascript
微信小程序自定义多列选择器使用详解
2019/06/21 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
JQuery中的常用事件、对象属性与使用方法分析
2019/12/23 jQuery
python基本语法练习实例
2017/09/19 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
施工资料员岗位职责
2014/01/06 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
机关班子查摆问题及整改措施
2014/10/28 职场文书
2014普法依法治理工作总结
2014/12/18 职场文书
企业战略合作意向书
2015/05/08 职场文书
赢在执行观后感
2015/06/16 职场文书
初中思品教学反思
2016/02/20 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android