jQuery实现按键盘方向键翻页特效
更新时间：2015年03月18日 09:13:07 投稿：hebedich
本文给大家分享的是使用jQuery实现按键盘的方向键进行翻页的特效，代码十分的简单，功能很实用，这里推荐给大家，希望大家能够喜欢。
1.jQuery代码：
复制代码 代码如下:
$(document).ready(function(){
var prevpage=$("#pre").attr("href");
var nextpage=$("#next").attr("href");
$("body").keydown(function(event){
if(event.keyCode==37 && prevpage!=undefined) location=prevpage;
if(event.keyCode==39 && nextpage!=undefined) location=nextpage;
});
});
2.Html代码：
复制代码 代码如下:
<p>
上一篇：
<a id='pre' href='https://www.jb51.net/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a>
</p>
<p>
下一篇：
<a id='next' href='https://www.jb51.net/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a>
</p>
记得要引入jQuery文件哦，好了这里就不多废话了，希望本文能够对大家学习jQuery有所帮助。
相关文章
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的2012-10-10
我们在做web项目的时候，经常会使用到提示效果。html自带的提示效果是label标签的title，但是这个效果过于简单和难看，并且不方便调整样式。今天我偶然发现个jQuery的插件，可以很方便的做出漂亮的提示效果。2015-04-04
可见性过滤选择器对于dom中隐藏的一些元素还是比较实用的，具体的使用方法如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
这篇文章介绍了jQuery UI菜单部件Menu Widget，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了php结合imgareaselect实现图片裁剪的相关资料,需要的朋友可以参考下2015-07-07
css()方法在使用上具有多样性。其中有一种可接受两个输入参数：样式属性和样式值，两者之间用逗号分隔，下面通过实例为大家介绍下2014-08-08
最近开发了一个项目，其中有功能要用户点击下拉框可以实现多选的效果，下文给大家分享实现核心代码和combobox的取值与赋值的代码，对easyui组合框相关知识感兴趣的朋友一起看看吧2016-10-10
jQuery/$ is not defined报错的几种解决方法
jQuery最常见的错误之一是$ is not defined错误,本文主要介绍了jQuery/$ is not defined报错的几种解决方法,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
在一些图片比较多的网站上会出现访问时图片不存在的情况：默认显示出来的样子很不雅观,可以解决图片不存在时，使用其他的图片替换吗，答案是可以的；感兴趣的朋友可以了解下，或许本文可以帮助到你2013-02-02
一个JQuery操作Table的代码分享，需要的朋友可以参考下2012-03-03
最新评论