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 相关文章推荐
点击广告后才能获得下载地址
Oct 26 Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
js实现具有高亮显示效果的多级菜单代码
Sep 01 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
vue组件name的作用小结
May 23 Javascript
Javascript 实现 Excel 导入生成图表功能
Oct 22 Javascript
Vue实现搜索结果高亮显示关键字
May 28 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 Javascript
vue实现拖拽进度条
Mar 01 Vue.js
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通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
jQuery+css实现图片滚动效果(附源码)
2013/03/18 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
jquery点击改变class并toggle的实现代码
2016/05/15 Javascript
详解javascript事件绑定使用方法
2016/10/20 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
Vuex新手的理解与使用详解
2019/05/31 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
Python生成器的使用方法和示例代码
2019/03/04 Python
Python中Numpy mat的使用详解
2019/05/24 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
2019/08/12 Python
python基础教程之while循环
2019/08/14 Python
python字符串的index和find的区别详解
2020/06/20 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
pycharm 使用tab跳出正在编辑的括号(){}{}等问题
2021/02/26 Python
泰坦健身器材:Titan Fitness
2018/02/13 全球购物
艺术家策划的室内设计:Curious Egg
2019/03/06 全球购物
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
产品发布会策划方案
2014/05/12 职场文书
教你如何用Python实现人脸识别(含源代码)
2021/06/23 Python
Nginx配置文件详解以及优化建议指南
2021/09/15 Servers