jquery实现键盘左右翻页特效

jQuery实现网页上键盘左右方向键翻页代码,我们在很多小说网站经常看到这样的效果,这样可以给网站提高用户体验,方便访客翻页使用,从而大大提高了网站PV

jquery键盘左右翻页，jquery键盘方向键翻页功能，当无上一篇或者下一篇的时候，按键盘将会没什么反应，避免错误跳转。

HTML代码

1. <p>上一篇：<a id='pre' href='http://www.mobanpai.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a> </p>  
2. <p>下一篇：<a id='next' href='http://www.mobanpai.com/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a> </p> 

jquery代码

1. $(document).ready(function(){  
2. var prevpage=$("#pre").attr("href");  
3. var nextpage=$("#next").attr("href");  
4. $("body").keydown(function(event){  
5. if(event.keyCode==37 && prevpage!=undefined) location=prevpage;  
6. if(event.keyCode==39 && nextpage!=undefined) location=nextpage;  
7.  
8. });  
9. }); 

以上所述就是本文的全部内容了，希望大家能够喜欢。