var re = /<a href=[\"\']?([-=\w\.\/\?]+)[\"\']?>[\[\(<]?上一页[\]\)>]?<\/a>/igm;
if (window.document.body.innerHTML.search(re) >= 0) {
var PREVIOUS_PAGE = RegExp.$1;
}
如果搜下到"上一页",则定义var PREVIOUS_PAGE = RegExp.$1;
var re = /<a href=[\"\']?([-=\w\.\/\?]+)[\"\']?>[\[\(<]?下一页[\]\)>]?<\/a>/igm;
if (window.document.body.innerHTML.search(re) >= 0) {
var NEXT_PAGE = RegExp.$1;
}
如果搜下到"下一页",则定义var NEXT_PAGE = RegExp.$1;
if (typeof PREVIOUS_PAGE == "string" || typeof NEXT_PAGE == "string") {
document.onkeydown = function() {
switch (event.srcElement.tagName) {
case "INPUT":
case "TEXTAREA":
case "SELECT":
break;
default:
if (event.keyCode == 37 /* Arrow Left*/ && typeof PREVIOUS_PAGE == "string") {
window.location.href = PREVIOUS_PAGE;
}
else if (event.keyCode == 39 /* Arrow Right */ && typeof NEXT_PAGE == "string") {
window.location.href = NEXT_PAGE;
}
}
}
}
详细出处参考:http://www.jb51.net/article/10205.htm
- 浏览: 16661 次
- 性别:
- 来自: 南京
-
最新评论
-
yizhaorong:
...
致一个奇葩的面试题
相关推荐
这个“支持按键盘方向键翻页跳转的代码”就是一个典型的例子,它利用JavaScript(简称JS)实现了用户可以使用键盘的左右方向键(← →)或PageUp、PageDown键来翻页的功能。这样的功能对于阅读长篇文章或者浏览多...
标题“支持按键盘方向键实现翻页跳转的效果”表明我们关注的是一个使用JavaScript(JS)实现的功能,允许用户通过按下键盘上的方向键上(Up)和下(Down)来浏览页面内容或在页面之间切换。这种效果通常应用于网页的...
本文将详细介绍一个基于jQuery的实用插件——"jQuery方向键控制翻页插件",以及如何使用它来提升网页的导航体验。 该插件名为"jquery.keyboard-pagination",正如其名,它的核心功能是允许用户通过键盘的方向键(上...
jQuery响应式css3动画相册,可全屏查看,css3动画展现,支持键盘方向键翻页,效果优美简洁。兼容主流浏览器, 使用方法: 1、head区域引用文件 htmldivcss.css, plugins.js, jquery.min.js, scripts.js 2、在文件中...
### 使用JavaScript实现键盘方向键翻页功能 #### 一、背景与目的 在现代Web应用中,用户体验至关重要。为了提供更加便捷的操作方式,利用键盘的方向键进行页面切换是一种提升用户体验的有效手段。例如,在一个博客...
支持按键盘方向键翻页跳转的代码支持ie,firefox 说明:按键盘← →方向键 或 PageUp PageDown键直接翻页 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]更多文章可以参考//...
3. **键盘导航**:支持键盘方向键翻页是此应用的一大亮点。通过监听键盘事件,可以捕获用户按下方向键的动作,然后使用jQuery修改显示的图片。例如,`.keydown()`方法可以监听键盘事件,判断按键码,根据上/下方向键...
再者,该相册还支持键盘左右方向键翻页,这部分功能通常需要JavaScript的配合。JavaScript可以监听键盘事件,判断用户按下的是左箭头还是右箭头,然后根据这个信息调整显示的图片。同时,JavaScript还可以与CSS3结合...
本项目利用jQuery库和Lightbox插件,实现了鼠标滚动浏览相册、点击图片放大显示以及通过左右方向键翻页的功能,且兼容主流浏览器,提升了用户体验。下面我们将详细探讨这一实现过程。 ### jQuery简介 jQuery是一个...
3. **键盘方向键翻页**:集成键盘事件监听,用户可以通过按左右方向键来前后翻页,这种无鼠标操作的便捷性尤其适合触屏设备。 4. **兼容主流浏览器**:项目经过优化,确保在Firefox、Chrome、Safari、Edge以及IE9+...
同时,JavaScript则用来监听用户的点击或滑动事件,判断翻页方向和时机,以及更新页面状态。在实际开发中,可能还需要考虑浏览器兼容性问题,对于不支持CSS3的旧版浏览器,可能需要借助jQuery插件如Turn.js等来实现...
在"翻页展示"这个主题中,JavaScript被用来实现一种模拟纸质书籍翻页的动画效果,为用户提供更加直观和有趣的浏览体验。这种特效通常用于电子书、产品目录或任何需要多页面展示的网页应用中。 在实现翻页展示...
这篇文章将介绍如何使用jQuery库来实现一个简单的键盘导航功能,允许用户通过按动键盘上的方向键来翻页。这个功能可以极大地提升用户体验,尤其是对于那些喜欢使用键盘而非鼠标操作的用户。 首先,我们需要理解...
JavaScript库如Turn.js、BookBlock和Bible.js等,已经提供了现成的解决方案,它们封装了图书翻页的复杂逻辑,使得开发者无需从零开始编写所有代码。这些库不仅包含了基本的翻页效果,还提供了自定义选项,如页面材质...
- 方向键:左箭头(37),上箭头(38),右箭头(39),下箭头(40)。 - Insert(插入键):键码为45。 - Delete(删除键):键码为46。 - Num Lock(数字锁定键):键码为144,用于切换小键盘的数字和方向模式...
7. **高级特性**:TurnJS 还提供了其他高级特性,如禁用特定页面翻转、设置封面和封底、添加3D阴影效果、控制书籍的翻转方向等。通过调整各种配置选项,你可以根据项目需求创建出独特的图书翻页体验。 8. **兼容性...
而“jQuery方向键控制翻页插件特效代码”是为了解决网页中分页功能的一个创新实现,尤其适用于那些希望提供键盘导航体验的网站,比如阅读器或数据列表。这个插件名为“jquery.keyboard-pagination”,它允许用户通过...