jquery實現鍵盤左右翻頁特效,jquery翻頁特效

來源:互聯網
上載者:User

jquery實現鍵盤左右翻頁特效,jquery翻頁特效

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

HTML代碼

<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代碼

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

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.