jQuery實現網頁上鍵盤左右方向鍵翻頁代碼,我們在很多小說網站經??吹竭@樣的效果,這樣可以給網站提高用戶體驗,方便訪客翻頁使用,從而大大提高了網站PV
jquery鍵盤左右翻頁,jquery鍵盤方向鍵翻頁功能,當無上一篇或者下一篇的時候,按鍵盤將會沒什么反應,避免錯誤跳轉。
HTML代碼
- <p>上一篇:<a id='pre' href='http://www.mobanpai.com/sitejs-17294-1.html'>一款隨滾動條下滑左右漸入的頁面布局</a> </p>
- <p>下一篇:<a id='next' href='http://www.mobanpai.com/sitejs-18339-1.html'>點擊復選框添加或刪除value值到input輸入框中</a> </p>
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;
- });
- });
以上所述就是本文的全部內容了,希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選