萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 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;   }); });

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

copyright © 萬盛學電腦網 all rights reserved