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 相关文章推荐
jQuery实现瀑布流布局
Dec 12 Javascript
JavaScript基于setTimeout实现计数的方法
May 08 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
Jan 22 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 Javascript
Canvas实现放射线动画效果
Feb 15 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
vue-cli配置文件——config篇
Jan 04 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
Jan 03 Javascript
JavaScript常用8种数组去重代码实例
Sep 09 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 06 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获取网络上文件
2006/10/09 PHP
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
PHP的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
Linux下PHP连接Oracle数据库
2014/08/20 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
取得一定长度的内容,处理中文
2006/12/20 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
2010/11/11 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
JS中获取数据库中的值的方法
2013/07/14 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
js实现楼层导航功能
2017/02/23 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
python调用shell的方法
2013/11/20 Python
Python验证码识别处理实例
2015/12/28 Python
用Eclipse写python程序
2018/02/10 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
职业教育毕业生求职信
2013/11/09 职场文书
高二生物教学反思
2014/01/27 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
公司离职证明范本
2014/10/17 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
Python合并pdf文件的工具
2021/07/01 Python
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS