jquery實現(xiàn)鍵盤左右翻頁特效
jquery鍵盤左右翻頁,jquery鍵盤方向鍵翻頁功能,當(dāng)無上一篇或者下一篇的時候,按鍵盤將會沒什么反應(yīng),避免錯誤跳轉(zhuǎn)。
HTML代碼
<p>上一篇:<a id='pre' >一款隨滾動條下滑左右漸入的頁面布局</a> </p> <p>下一篇:<a id='next' >點擊復(fù)選框添加或刪除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; }); });
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
jQuery實現(xiàn)右側(cè)顯示可向左滑動展示的深色QQ客服效果代碼
這篇文章主要介紹了jQuery實現(xiàn)右側(cè)顯示可向左滑動展示的深色QQ客服效果代碼,涉及jQuery控制頁面元素樣式動態(tài)變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10jQuery 2.0.3 源碼分析之core(一)整體架構(gòu)
這篇文章主要介紹了jQuery 2.0.3 源碼分析之core(一)整體架構(gòu),需要的朋友可以參考下2014-05-05jQuery插件jqGrid動態(tài)獲取列和列字段的方法
這篇文章主要介紹了jQuery插件jqGrid動態(tài)獲取列和列字段的方法,結(jié)合實例形式分析了表格插件jqGrid針對表格字段屬性相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jQuery中常用的遍歷函數(shù)用法實例總結(jié)
這篇文章主要介紹了jQuery中常用的遍歷函數(shù)用法,以實例形式分析并總結(jié)了jquery中常見的遍歷函數(shù)使用方法與注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09jQuery選擇器_動力節(jié)點Java學(xué)院整理
選擇器是jQuery的核心,一個選擇器寫出來類似$('#dom-id')。下面給大家分享jQuery選擇器的相關(guān)知識,感興趣的朋友一起看看吧2017-07-07jquery實現(xiàn)鼠標(biāo)拖拽滑動效果來選擇數(shù)字的方法
這篇文章主要介紹了jquery實現(xiàn)鼠標(biāo)拖拽滑動效果來選擇數(shù)字的方法,涉及jQuery鼠標(biāo)事件的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05jQuery實現(xiàn)的省市聯(lián)動菜單功能示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的省市聯(lián)動菜單功能,結(jié)合完整實例形式分析了jQuery實現(xiàn)級聯(lián)菜單的具體流程與操作方法,涉及jQuery表單及數(shù)組元素的遍歷及事件響應(yīng)處理技巧.非常簡單實用,需要的朋友可以參考下2017-01-01jQuery中使用data()方法讀取HTML5自定義屬性data-*實例
如果你使用jQuery類庫,那么你可以非常愉悅的使用jquery的data()方法存取data-* 自定義屬性,方法允許我們在DOM元素上綁定任意類型的數(shù)據(jù),避免了循環(huán)引用的內(nèi)存泄漏風(fēng)險2014-04-04