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

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

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

一.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='/1.html'>实例</a></p> 
<p>下一篇:<a id='next' href='/2.html'>努力奋斗才会有美好的未来</a></p>

点赞 收藏 分享到：

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。