jQuery實現(xiàn)按鍵盤方向鍵翻頁特效
更新時間:2015年03月18日 09:13:07 投稿:hebedich
本文給大家分享的是使用jQuery實現(xiàn)按鍵盤的方向鍵進行翻頁的特效,代碼十分的簡單,功能很實用,這里推薦給大家,希望大家能夠喜歡。
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代碼:
復制代碼 代碼如下:
<p>
上一篇:
<a id='pre' href='http://www.dbjr.com.cn/sitejs-17294-1.html'>一款隨滾動條下滑左右漸入的頁面布局</a>
</p>
<p>
下一篇:
<a id='next' href='http://www.dbjr.com.cn/sitejs-18339-1.html'>點擊復選框添加或刪除value值到input輸入框中</a>
</p>
記得要引入jQuery文件哦,好了這里就不多廢話了,希望本文能夠?qū)Υ蠹覍W習jQuery有所幫助。
相關文章
jQuery插件HighCharts繪制簡單2D折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡單2D折線圖效果,結(jié)合完整實例形式分析了jQuery使用HighCharts插件繪制折線圖的實現(xiàn)步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery+json實現(xiàn)的簡易Ajax調(diào)用實例
這篇文章主要介紹了jQuery+json實現(xiàn)的簡易Ajax調(diào)用,結(jié)合實例形式分析了jQuery基于ajax實現(xiàn)json傳參調(diào)用的技巧,需要的朋友可以參考下2015-12-12