jQuery實(shí)現(xiàn)按鍵盤方向鍵翻頁特效
更新時(shí)間:2015年03月18日 09:13:07 投稿:hebedich
本文給大家分享的是使用jQuery實(shí)現(xiàn)按鍵盤的方向鍵進(jìn)行翻頁的特效,代碼十分的簡單,功能很實(shí)用,這里推薦給大家,希望大家能夠喜歡。
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.dbjr.com.cn/sitejs-17294-1.html'>一款隨滾動(dòng)條下滑左右漸入的頁面布局</a>
</p>
<p>
下一篇:
<a id='next' href='http://www.dbjr.com.cn/sitejs-18339-1.html'>點(diǎn)擊復(fù)選框添加或刪除value值到input輸入框中</a>
</p>
記得要引入jQuery文件哦,好了這里就不多廢話了,希望本文能夠?qū)Υ蠹覍W(xué)習(xí)jQuery有所幫助。
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)用方向鍵控制層的上下左右移動(dòng)
- jQuery拖動(dòng)div、移動(dòng)div、彈出層實(shí)現(xiàn)原理及示例
- Jquery實(shí)現(xiàn)Div上下移動(dòng)示例
- 基于jquery的用鼠標(biāo)畫出可移動(dòng)的div
- jQuery實(shí)現(xiàn)div跟隨鼠標(biāo)移動(dòng)
- 移動(dòng)端jQuery修正Web頁面滑動(dòng)時(shí)div問題的兩則實(shí)例
- jQuery操作dom實(shí)現(xiàn)彈出頁面遮罩層(web端和移動(dòng)端阻止遮罩層的滑動(dòng))
- jquery使用animate方法實(shí)現(xiàn)控制元素移動(dòng)
- jQuery實(shí)現(xiàn)通過方向鍵控制div塊上下左右移動(dòng)的方法【測試可用】
相關(guān)文章
jQuery 中國省市兩級(jí)聯(lián)動(dòng)選擇附圖
有關(guān)中國省市兩級(jí)聯(lián)動(dòng)選擇的實(shí)現(xiàn)代碼在網(wǎng)上可以找到很多,而本文要為大家介紹的是一個(gè)比較實(shí)用的省市兩級(jí)聯(lián)動(dòng)選擇,感興趣的朋友可以參考下2014-05-05jQuery插件HighCharts繪制簡單2D折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡單2D折線圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制折線圖的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery+json實(shí)現(xiàn)的簡易Ajax調(diào)用實(shí)例
這篇文章主要介紹了jQuery+json實(shí)現(xiàn)的簡易Ajax調(diào)用,結(jié)合實(shí)例形式分析了jQuery基于ajax實(shí)現(xiàn)json傳參調(diào)用的技巧,需要的朋友可以參考下2015-12-12Jquery和CSS實(shí)現(xiàn)選擇框重置按鈕功能
在本篇文章中我們給大家?guī)砹薐query和CSS實(shí)現(xiàn)選擇框重置按鈕功能的相關(guān)代碼,需要的朋友們參考下。2018-11-11JQuery實(shí)現(xiàn)定時(shí)刷新功能代碼
在網(wǎng)頁開發(fā)中,經(jīng)常會(huì)需要不斷的刷新某個(gè)頁面或某個(gè)局部數(shù)據(jù)。這時(shí)候就需要用到定時(shí)刷新來實(shí)現(xiàn)了。接下來通過本文給大家分享jquery實(shí)現(xiàn)定時(shí)刷新功能,需要的朋友參考下吧2017-05-05