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 相关文章推荐
解决js正则匹配换行问题实现代码
Dec 10 Javascript
基于jquery和svg实现超炫酷的动画特效
Dec 09 Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
Jan 22 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
解决百度Echarts图表坐标轴越界的方法
Oct 17 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 Javascript
vue封装swiper代码实例解析
Oct 08 Javascript
Ajax实现局部刷新的方法实例
Mar 31 Javascript
微信小程序实现录音Record功能
May 09 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计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
php实现socket推送技术的示例
2017/12/20 PHP
php实现大文件断点续传下载实例代码
2019/10/01 PHP
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
BooStrap对导航条的改造实践小结
2016/09/21 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
js prototype深入理解及应用实例分析
2019/11/25 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
python的dict,set,list,tuple应用详解
2014/07/24 Python
Python中特殊函数集锦
2015/07/27 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python中支持向量机SVM的使用方法详解
2017/12/26 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
Python字符串对象实现原理详解
2019/07/01 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
2019年Java面试必问之经典试题
2012/09/12 面试题
linux面试相关问题
2012/08/11 面试题
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
运动会广播稿30字
2014/01/21 职场文书
火锅店的活动方案
2014/08/15 职场文书
信用卡催款律师函
2015/05/27 职场文书
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS