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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
JavaScript中的类数组对象介绍
Dec 30 Javascript
在JavaScript的正则表达式中使用exec()方法
Jun 16 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
Jun 17 Javascript
vue2项目使用sass的示例代码
Jun 28 Javascript
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
Babel 入门教程学习笔记
Jun 13 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 Javascript
js+canvas实现两张图片合并成一张图片的方法
Nov 01 Javascript
js实现点击生成随机div
Jan 16 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
php _autoload自动加载类与机制分析
2012/02/10 PHP
深入解析PHP中逗号与点号的区别
2013/08/05 PHP
PHP调用VC编写的COM组件实例
2014/03/29 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
详解处理Vue单页面应用SEO的另一种思路
2018/11/09 Javascript
layui table设置某一行的字体颜色方法
2019/09/05 Javascript
js this 绑定机制深入详解
2020/04/30 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
python使用urlparse分析网址中域名的方法
2015/04/15 Python
Python通过poll实现异步IO的方法
2015/06/04 Python
Python连接MySQL并使用fetchall()方法过滤特殊字符
2016/03/13 Python
python文件名和文件路径操作实例
2017/09/29 Python
python实现邮件自动发送
2019/08/10 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
python web框架中实现原生分页
2019/09/08 Python
python数据类型可变不可变知识点总结
2020/03/06 Python
介绍一下linux的文件权限
2012/02/15 面试题
生产副总岗位职责
2013/11/28 职场文书
行政总经理岗位职责
2013/12/05 职场文书
公司出纳岗位职责
2013/12/07 职场文书
小学门卫岗位职责
2013/12/17 职场文书
军训心得体会
2013/12/31 职场文书
一份报关员的职业规划范文
2014/01/08 职场文书
坚定理想信念心得体会
2014/03/11 职场文书
《春到梅花山》教学反思
2014/04/16 职场文书
自我推荐信范文
2014/05/09 职场文书
酒店圣诞节活动总结
2015/05/06 职场文书
合同审查法律意见书
2015/06/04 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python