快捷導(dǎo)航

jQuery實(shí)現(xiàn)按鍵盤方向鍵翻頁(yè)特效

更新時(shí)間：2015年03月18日 09:13:07 投稿：hebedich

本文給大家分享的是使用jQuery實(shí)現(xiàn)按鍵盤的方向鍵進(jìn)行翻頁(yè)的特效，代碼十分的簡(jiǎn)單，功能很實(shí)用，這里推薦給大家，希望大家能夠喜歡。

1.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; 

    }); 

 });

2.Html代碼：

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

<p>

上一篇：

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

</p> 

<p>

下一篇：

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

</p>

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

您可能感興趣的文章:

相關(guān)文章

Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
Lazy Load 是一個(gè)用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長(zhǎng)頁(yè)面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會(huì)被載入, 直到用戶將頁(yè)面滾動(dòng)到它們所在的位置. 這與圖片預(yù)加載的處理方式正好是相反的
2012-10-10
jQuery關(guān)鍵詞說明插件cluetip使用指南
我們?cè)谧鰓eb項(xiàng)目的時(shí)候，經(jīng)常會(huì)使用到提示效果。html自帶的提示效果是label標(biāo)簽的title，但是這個(gè)效果過于簡(jiǎn)單和難看，并且不方便調(diào)整樣式。今天我偶然發(fā)現(xiàn)個(gè)jQuery的插件，可以很方便的做出漂亮的提示效果。
2015-04-04
jquery可見性過濾選擇器使用示例
可見性過濾選擇器對(duì)于dom中隱藏的一些元素還是比較實(shí)用的，具體的使用方法如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-06-06
jQuery?UI菜單部件Menu?Widget
這篇文章介紹了jQuery?UI菜單部件Menu?Widget，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
php結(jié)合imgareaselect實(shí)現(xiàn)圖片裁剪
這篇文章主要介紹了php結(jié)合imgareaselect實(shí)現(xiàn)圖片裁剪的相關(guān)資料,需要的朋友可以參考下
2015-07-07
jQuery CSS()方法改變現(xiàn)有的CSS樣式
css()方法在使用上具有多樣性。其中有一種可接受兩個(gè)輸入?yún)?shù)：樣式屬性和樣式值，兩者之間用逗號(hào)分隔，下面通過實(shí)例為大家介紹下
2014-08-08
Easyui的組合框的取值與賦值
最近開發(fā)了一個(gè)項(xiàng)目，其中有功能要用戶點(diǎn)擊下拉框可以實(shí)現(xiàn)多選的效果，下文給大家分享實(shí)現(xiàn)核心代碼和combobox的取值與賦值的代碼，對(duì)easyui組合框相關(guān)知識(shí)感興趣的朋友一起看看吧
2016-10-10
jQuery/$ is not defined報(bào)錯(cuò)的幾種解決方法
jQuery最常見的錯(cuò)誤之一是$ is not defined錯(cuò)誤,本文主要介紹了jQuery/$ is not defined報(bào)錯(cuò)的幾種解決方法,具有一定的參考價(jià)值,感興趣的可以了解一下
2024-02-02
jquery解決圖片路徑不存在執(zhí)行替換路徑
在一些圖片比較多的網(wǎng)站上會(huì)出現(xiàn)訪問時(shí)圖片不存在的情況：默認(rèn)顯示出來的樣子很不雅觀,可以解決圖片不存在時(shí)，使用其他的圖片替換嗎，答案是可以的；感興趣的朋友可以了解下，或許本文可以幫助到你
2013-02-02
一個(gè)JQuery操作Table的代碼分享
一個(gè)JQuery操作Table的代碼分享，需要的朋友可以參考下
2012-03-03