jquery實現(xiàn)鍵盤左右翻頁特效
更新時間:2015年04月30日 11:47:13 投稿:hebedich
jQuery實現(xiàn)網(wǎng)頁上鍵盤左右方向鍵翻頁代碼,我們在很多小說網(wǎng)站經(jīng)??吹竭@樣的效果,這樣可以給網(wǎng)站提高用戶體驗,方便訪客翻頁使用,從而大大提高了網(wǎng)站PV
jquery鍵盤左右翻頁,jquery鍵盤方向鍵翻頁功能,當無上一篇或者下一篇的時候,按鍵盤將會沒什么反應,避免錯誤跳轉(zhuǎn)。
HTML代碼
<p>上一篇:<a id='pre' >一款隨滾動條下滑左右漸入的頁面布局</a> </p> <p>下一篇:<a id='next' >點擊復選框添加或刪除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)容了,希望大家能夠喜歡。
相關文章
jQuery實現(xiàn)右側(cè)顯示可向左滑動展示的深色QQ客服效果代碼
這篇文章主要介紹了jQuery實現(xiàn)右側(cè)顯示可向左滑動展示的深色QQ客服效果代碼,涉及jQuery控制頁面元素樣式動態(tài)變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
jQuery插件jqGrid動態(tài)獲取列和列字段的方法
這篇文章主要介紹了jQuery插件jqGrid動態(tài)獲取列和列字段的方法,結合實例形式分析了表格插件jqGrid針對表格字段屬性相關操作技巧,需要的朋友可以參考下2017-03-03
jquery實現(xiàn)鼠標拖拽滑動效果來選擇數(shù)字的方法
這篇文章主要介紹了jquery實現(xiàn)鼠標拖拽滑動效果來選擇數(shù)字的方法,涉及jQuery鼠標事件的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05
jQuery實現(xiàn)的省市聯(lián)動菜單功能示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的省市聯(lián)動菜單功能,結合完整實例形式分析了jQuery實現(xiàn)級聯(lián)菜單的具體流程與操作方法,涉及jQuery表單及數(shù)組元素的遍歷及事件響應處理技巧.非常簡單實用,需要的朋友可以參考下2017-01-01
jQuery中使用data()方法讀取HTML5自定義屬性data-*實例
如果你使用jQuery類庫,那么你可以非常愉悅的使用jquery的data()方法存取data-* 自定義屬性,方法允許我們在DOM元素上綁定任意類型的數(shù)據(jù),避免了循環(huán)引用的內(nèi)存泄漏風險2014-04-04

