jQuery实现按键盘方向键翻页特效


Posted in Javascript onMarch 18, 2015

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='https://3water.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a> 

</p> 

<p>

下一篇:

<a id='next' href='https://3water.com/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a> 

</p>

记得要引入jQuery文件哦,好了这里就不多废话了,希望本文能够对大家学习jQuery有所帮助。

Javascript 相关文章推荐
SWFObject Flash js调用类
Jul 08 Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
JS学习之一个简易的日历控件
Mar 24 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
Nov 16 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
js回溯法计算最佳旅行线路代码实例
Sep 11 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 Javascript
javascript操作Cookie(设置、读取、删除)方法详解
Mar 18 #Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 #Javascript
jQuery统计指定子元素数量的方法
Mar 17 #Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 #Javascript
多个jQuery版本共存的处理方案
Mar 17 #Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 #Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 #Javascript
You might like
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
php获取图片信息的方法详解
2015/12/10 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
vue v-on监听事件详解
2017/05/17 Javascript
js实现拖拽上传图片功能
2017/08/01 Javascript
jquery radio 动态控制选中失效问题的解决方法
2018/02/28 jQuery
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
python使用正则表达式替换匹配成功的组并输出替换的次数
2017/11/22 Python
python监控进程脚本
2018/04/12 Python
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
python中取绝对值简单方法总结
2020/07/24 Python
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
求职自荐信格式
2013/12/04 职场文书
年度献血先进个人事迹材料
2014/02/14 职场文书
行政经理岗位职责
2015/04/15 职场文书
2015年党员创先争优公开承诺书
2015/04/27 职场文书
Java对文件的读写操作方法
2022/04/29 Java/Android