一个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.write()
Apr 15 Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
Mar 04 Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
angular中使用Socket.io实例代码
Jun 03 Javascript
express express-session的使用小结
Dec 12 Javascript
js验证密码强度解析
Mar 18 Javascript
javascript设计模式 ? 代理模式原理与用法实例分析
Apr 16 Javascript
原生js实现随机点名
Jul 05 Javascript
vue使用element-ui实现表单验证
Dec 13 Vue.js
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
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
PHP_MySQL教程-第一天
2007/03/18 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
jquery 学习之二 属性(类)
2010/11/25 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
详解JS函数重载
2014/12/04 Javascript
基于html5和nodejs相结合实现websocket即使通讯
2015/11/19 NodeJs
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
angular2+nodejs实现图片上传功能
2017/03/27 NodeJs
Vue实现购物车功能
2017/04/27 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
js操作二进制数据方法
2018/03/03 Javascript
JavaScript错误处理操作实例详解
2019/01/04 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
React实现类似淘宝tab居中切换效果的示例代码
2020/06/02 Javascript
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
Python 正则表达式(转义问题)
2014/12/15 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
python的pytest框架之命令行参数详解(上)
2019/06/27 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
利用pyecharts实现地图可视化的例子
2019/08/12 Python
python opencv调用笔记本摄像头
2019/08/28 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
十佳文明家庭事迹
2014/05/25 职场文书
事业单位鉴定材料
2014/05/25 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS