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

    }); 

 });

2.Html代碼：

復(fù)制代碼代碼如下:

<p>

上一篇：

<a id='pre' href='http://chabaoo.cn/sitejs-17294-1.html'>一款隨滾動(dòng)條下滑左右漸入的頁(yè)面布局</a> 

</p> 

<p>

下一篇：

<a id='next' href='http://chabaoo.cn/sitejs-18339-1.html'>點(diǎn)擊復(fù)選框添加或刪除value值到input輸入框中</a> 

</p>

記得要引入jQuery文件哦，好了這里就不多廢話了，希望本文能夠?qū)Υ蠹覍W(xué)習(xí)jQuery有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery 中國(guó)省市兩級(jí)聯(lián)動(dòng)選擇附圖
有關(guān)中國(guó)省市兩級(jí)聯(lián)動(dòng)選擇的實(shí)現(xiàn)代碼在網(wǎng)上可以找到很多，而本文要為大家介紹的是一個(gè)比較實(shí)用的省市兩級(jí)聯(lián)動(dòng)選擇，感興趣的朋友可以參考下
2014-05-05
事件冒泡是什么如何用jquery阻止事件冒泡
什么是事件起泡：一個(gè)事件不能憑空產(chǎn)生，這就是事件的發(fā)生等等，接下來(lái)為大家介紹下jquery阻止事件起泡以及關(guān)于js事件起泡的驗(yàn)證，感興趣的朋友可以參考下哈
2013-03-03
jQuery日歷插件datepicker用法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery日歷插件datepicker用法，感興趣的小伙伴們可以參考一下
2016-03-03
基于jquery的多功能軟鍵盤插件
支持查詢功能的鍵盤和簡(jiǎn)單得軟鍵盤，鍵盤樣式完全在獨(dú)立的css文件中定義，可以自行美化
2012-07-07
40款非常有用的 jQuery 插件推薦（系列一）
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開(kāi)發(fā)項(xiàng)目中扮演著重要角色。jQuery 使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗(yàn)
2011-12-12
jQuery插件HighCharts繪制簡(jiǎn)單2D折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡(jiǎn)單2D折線圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制折線圖的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jQuery+json實(shí)現(xiàn)的簡(jiǎn)易Ajax調(diào)用實(shí)例
這篇文章主要介紹了jQuery+json實(shí)現(xiàn)的簡(jiǎn)易Ajax調(diào)用,結(jié)合實(shí)例形式分析了jQuery基于ajax實(shí)現(xiàn)json傳參調(diào)用的技巧,需要的朋友可以參考下
2015-12-12
jQuery簡(jiǎn)單實(shí)現(xiàn)MD5加密的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)MD5加密的方法,基于jquery.md5.js插件實(shí)現(xiàn)md5加密功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2017-03-03
Jquery和CSS實(shí)現(xiàn)選擇框重置按鈕功能
在本篇文章中我們給大家?guī)?lái)了Jquery和CSS實(shí)現(xiàn)選擇框重置按鈕功能的相關(guān)代碼，需要的朋友們參考下。
2018-11-11
JQuery實(shí)現(xiàn)定時(shí)刷新功能代碼
在網(wǎng)頁(yè)開(kāi)發(fā)中，經(jīng)常會(huì)需要不斷的刷新某個(gè)頁(yè)面或某個(gè)局部數(shù)據(jù)。這時(shí)候就需要用到定時(shí)刷新來(lái)實(shí)現(xiàn)了。接下來(lái)通過(guò)本文給大家分享jquery實(shí)現(xiàn)定時(shí)刷新功能，需要的朋友參考下吧
2017-05-05