jquery實現的通過左右方向鍵控制翻頁效果程式碼例項

使用左右方向鍵控制翻頁效果也算是一種比較人性化的功能。

其實程式碼也非常的簡單，由於這裡無法演示，只給出核心的程式碼片段。

應該沒有什麼難度，需要的朋友可以做一下參考。

一.jQuery程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$(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程式碼:

[HTML] 純文字檢視 複製程式碼
<p>上一篇:<a id='pre' href='http://www.softwhy.com/1.html'>螞蟻部落歡迎您</a></p> 
<p>下一篇:<a id='next' href='http://www.softwhy.com/2.html'>努力奮鬥才會有美好的未來</a></p>