jQuery實現(xiàn)按鍵盤方向鍵翻頁特效
更新時間：2015年03月18日 09:13:07 投稿：hebedich
本文給大家分享的是使用jQuery實現(xiàn)按鍵盤的方向鍵進(jìn)行翻頁的特效，代碼十分的簡單，功能很實用，這里推薦給大家，希望大家能夠喜歡。
1.jQuery代碼：
復(fù)制代碼 代碼如下:
$(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://www.dhdzp.com/sitejs-17294-1.html'>一款隨滾動條下滑左右漸入的頁面布局</a>
</p>
<p>
下一篇：
<a id='next' href='http://www.dhdzp.com/sitejs-18339-1.html'>點擊復(fù)選框添加或刪除value值到input輸入框中</a>
</p>
記得要引入jQuery文件哦，好了這里就不多廢話了，希望本文能夠?qū)Υ蠹覍W(xué)習(xí)jQuery有所幫助。
相關(guān)文章
Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
Lazy Load 是一個用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預(yù)加載的處理方式正好是相反的2012-10-10
jQuery關(guān)鍵詞說明插件cluetip使用指南
我們在做web項目的時候，經(jīng)常會使用到提示效果。html自帶的提示效果是label標(biāo)簽的title，但是這個效果過于簡單和難看，并且不方便調(diào)整樣式。今天我偶然發(fā)現(xiàn)個jQuery的插件，可以很方便的做出漂亮的提示效果。2015-04-04
可見性過濾選擇器對于dom中隱藏的一些元素還是比較實用的，具體的使用方法如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
這篇文章介紹了jQuery?UI菜單部件Menu?Widget，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
php結(jié)合imgareaselect實現(xiàn)圖片裁剪
這篇文章主要介紹了php結(jié)合imgareaselect實現(xiàn)圖片裁剪的相關(guān)資料,需要的朋友可以參考下2015-07-07
jQuery CSS()方法改變現(xiàn)有的CSS樣式
css()方法在使用上具有多樣性。其中有一種可接受兩個輸入?yún)?shù)：樣式屬性和樣式值，兩者之間用逗號分隔，下面通過實例為大家介紹下2014-08-08
最近開發(fā)了一個項目，其中有功能要用戶點擊下拉框可以實現(xiàn)多選的效果，下文給大家分享實現(xiàn)核心代碼和combobox的取值與賦值的代碼，對easyui組合框相關(guān)知識感興趣的朋友一起看看吧2016-10-10
jQuery/$ is not defined報錯的幾種解決方法
jQuery最常見的錯誤之一是$ is not defined錯誤,本文主要介紹了jQuery/$ is not defined報錯的幾種解決方法,具有一定的參考價值,感興趣的可以了解一下2024-02-02
在一些圖片比較多的網(wǎng)站上會出現(xiàn)訪問時圖片不存在的情況：默認(rèn)顯示出來的樣子很不雅觀,可以解決圖片不存在時，使用其他的圖片替換嗎，答案是可以的；感興趣的朋友可以了解下，或許本文可以幫助到你2013-02-02
一個JQuery操作Table的代碼分享，需要的朋友可以參考下2012-03-03