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焦点的方法小结
Oct 08 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
用js判断页面是否加载完成实现代码
Dec 11 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
Jan 26 Javascript
js实现分享到随页面滚动而滑动效果的方法
Apr 10 Javascript
js倒计时抢购实例
Dec 20 Javascript
js严格模式总结(分享)
Aug 22 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
May 30 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
Apr 13 Javascript
js实现抽奖功能
Nov 24 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/11/23 PHP
PHP 加密解密内部算法
2010/04/22 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
2016/11/01 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
js控制分页打印、打印分页示例
2014/02/08 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
jquery实现翻动fadeIn显示的方法
2015/03/05 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
vue实现自定义H5视频播放器的方法步骤
2019/07/01 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
[54:09]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
利用Python演示数型数据结构的教程
2015/04/03 Python
python制作企业邮箱的爆破脚本
2016/10/05 Python
Python中字典和集合学习小结
2017/07/07 Python
python 输出所有大小写字母的方法
2019/01/02 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
python线程安全及多进程多线程实现方法详解
2019/09/27 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
Python pymysql模块安装并操作过程解析
2020/10/13 Python
python实现不同数据库间数据同步功能
2021/02/25 Python
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
英国第一职业高尔夫商店:Clickgolf.co.uk
2020/11/18 全球购物
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
创业计划书的内容步骤和要领
2014/01/04 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers