jquery实现的通过左右方向键控制翻页效果代码实例

使用左右方向键控制翻页效果也算是一种比较人性化的功能。

其实代码也非常的简单，由于这里无法演示，只给出核心的代码片段。

应该没有什么难度，需要的朋友可以做一下参考。

一.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; 
  }); 
});

二.HTML代码:

<p>上一篇:<a id='pre' href='http://www.pipipi.net/1.html'>前端教程网欢迎您</a></p> 
<p>下一篇:<a id='next' href='http://www.pipipi.net/2.html'>努力奋斗才会有美好的未来</a></p>