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中的排序算法代码
Feb 22 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
JavaScript返回网页中锚点数目的方法
Apr 03 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
backbone简介_动力节点Java学院整理
Jul 14 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
vue-router权限控制(简单方式)
Oct 29 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 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
php学习之数据类型之间的转换介绍
2011/06/09 PHP
php max_execution_time执行时间问题
2011/07/17 PHP
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
PHP实现CSV文件的导入和导出类
2015/03/24 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
CSS和Javascript简单复习资料
2010/06/29 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
node.js的exports、module.exports与ES6的export、export default深入详解
2017/10/26 Javascript
javascript中的this作用域详解
2019/07/15 Javascript
nuxt配置通过指定IP和端口访问的实现
2020/01/08 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
尝试用最短的Python代码来实现服务器和代理服务器
2016/06/23 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
python__new__内置静态方法使用解析
2020/01/07 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2020/12/01 Python
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
参观考察邀请函范文
2014/01/29 职场文书
护士岗位职责
2014/02/16 职场文书
投标承诺书怎么写
2014/05/24 职场文书
横空出世观后感
2015/06/09 职场文书
红与黑读书笔记
2015/06/29 职场文书
歌咏比赛口号大全
2015/12/25 职场文书