jquery實現鍵盤左右翻頁特效

jquery實現鍵盤左右翻頁特效

          jQuery實現網頁上鍵盤左右方向鍵翻頁代碼,我們在很多小說網站經常看到這樣的效果,這樣可以給網站提高使用者體驗,方便訪客翻頁使用,從而大大提高了網站PV

 

 

          jquery鍵盤左右翻頁，jquery鍵盤方向鍵翻頁功能，當無上一篇或者下一篇的時候，按鍵盤將會沒什麼反應，避免錯誤跳轉。

HTML代碼

?

1 2	<p>上一篇：<a id='pre' href='http://www.daimajiayuan.com/sitejs-17294-1.html'>一款隨捲軸下滑左右漸入的頁面配置</a> </p> <p>下一篇：<a id='next' href='http://www.daimajiayuan.com/sitejs-18339-1.html'>點擊複選框添加或刪除value值到input輸入框中</a> </p>

jquery代碼

?

1 2 3 4 5 6 7 8 9

$(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;   }); });

以上所述就是本文的全部內容了，希望大家能夠喜歡。