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