|
|
域名空间 下载中心 社区论坛 信息公告 my小屋 | |
 |
联系我们 设为首页 加入收藏 |
 |
|
 |
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿 论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图 专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版 社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务 |
 |
 |
 |
 当前位置：首页>>网页设计>>网页特效>>正文 |
新版上线！[旧版] |  |
|||
注:打开慢时请稍等
|
代码示例： 1. 纯js的，翻页导航的依据是文件名 page.js脚本文件代码 number.prototype.add0 = function(){ //对数字类型的扩展，主要用于实现当数字小于一定位数时在前面补0，直到倍数达到为止 return (new array(len).join("0")+this).slice(-len) //返回字符串，new array(len).join("0")得到len个相连的"0"，然后和数字相加，再从得到的字符串右边起向左截取len位 } string.prototype.mlink = function(n){ //对字符类型的扩展，主要用于根据文件名中的数字生成链接 return this.link(prefix+n.add0()+suffix) //返回一个以字符串为链接文字，prefix+n.add0()+subffix为链接地址的html代码 } var prefix = "page" //文件名前缀 var suffix = ".htm" //文件名后缀 var first = 1 //第一页的文件名中的数字 var last = 23 //最后一页的文件名中的数字 var len = 2 //文件名中的数字的位数，从以上四个变量中可知文件名为"page01.htm"和"page23.htm"这种形式 var cur_page = location.href.match(new regexp(prefix+"(\\d+)"+suffix,"i"))[1]|0 //从当前页面地址中查找匹配的数字 var previous = cur_page-1 //上一页的文件名中的数字为当前页的减1 var next = cur_page+1 //下一页的文件名中的数字为当前页的加1 if(cur_page == first) previous = first //如果当前页为首页，则上一页的链接为首页 if(cur_page == last) next = last //如果当前页为尾页，则下一页的链接为尾页 navbar.innerhtml = ["首页".mlink(first),"上一页".mlink(previous),"下一页".mlink(next),"尾页".mlink(last)].join(" ") //在 id 为 navbar 的对象中生成导航链接 然后在各页中用<div id="navbar"></div><script src="page.js"></script>调用 编辑：黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇：一个非常强大完整的web表单验证程序(2) 下一篇：基于客户端的分页导航(2) 转载请注明来源：www.iyit.net 特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。 |
| 相关文章 | ||||
| 友情链接 | ||||||
 |
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |  |
| |||||||
易特网络技术