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鍵盤方向鍵翻頁功能，當(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)文章
這篇文章主要為大家詳細(xì)介紹了jquery zTree異步加載、模糊搜索簡單實例，感興趣的小伙伴們可以參考一下2016-03-03
jQuery訪問瀏覽器本地存儲cookie、localStorage和sessionStorage的基本用法
cookie，localStorage和sessionStorage都是瀏覽器本地存儲數(shù)據(jù)的地方,其用法不盡相同，今天小編通過本文給大家分享jQuery訪問瀏覽器本地存儲cookie、localStorage和sessionStorage的基本用法，需要的朋友參考下吧2017-10-10
JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
bind()功能是為每個選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對象的額外數(shù)據(jù)對象,好好學(xué)習(xí)希望本可以幫助到你2013-02-02
這篇文章主要介紹了jQuery+css實現(xiàn)的切換圖片功能代碼,涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)變換頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了針對初學(xué)者的jQuery入門指南,jQuery是當(dāng)下人氣最高的JavaScript庫,需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)硪黄胘query框架后出錯的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
jQuery實現(xiàn)回車鍵（Enter）切換文本框焦點的代碼實例
這篇文章主要介紹了jQuery實現(xiàn)回車鍵（Enter）切換文本框焦點的代碼實例,需要的朋友可以參考下2014-05-05
jquery 屏蔽一個區(qū)域內(nèi)的所有元素，禁止輸入
有時候，需要屏蔽一個div中所有的input類型，使用jquery很簡單有效的完成。2009-10-10
關(guān)于jQuery中的each方法(jQuery到底干了什么)
這篇文章主要介紹了關(guān)于jQuery中的each方法,需要的朋友可以參考下2014-03-03
jquery?操作DOM的基本用法分享，使用jquery的朋友可以參考下，方便以后對dom操作2012-04-04