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 相关文章推荐
javascript 一些用法小结
Sep 11 Javascript
网页上的Javascript编辑器和代码格式化
Apr 25 Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
jQuery调取jSon数据并展示的方法
Jan 29 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
Jun 22 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
JavaScript展开操作符(Spread operator)详解
Jul 20 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
Nov 05 Javascript
vue实现循环滚动列表
Jun 30 Javascript
微信小程序实现电影App导航和轮播
Nov 30 Javascript
JavaScript实现登录窗体
Jun 22 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
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
javascript 控制弹出窗口
2007/04/10 Javascript
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
JavaScript中操作字符串小结
2015/05/04 Javascript
JS实现网页Div层Clone拖拽效果
2015/09/26 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
js实现可键盘控制的简单抽奖程序
2016/07/13 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
2016/11/29 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
2018/11/20 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
[01:16:01]VGJ.S vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
使用python实现扫描端口示例
2014/03/29 Python
简单讲解Python中的闭包
2015/08/11 Python
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
python中的break、continue、exit()、pass全面解析
2017/08/05 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
英国领先的在线礼品店:Getting Personal
2019/09/24 全球购物
长城导游词
2015/01/30 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python