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 对表格的行和列都能加亮显示
Dec 26 Javascript
Node.js抓取中文网页乱码问题和解决方法
Feb 10 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
jQuery ztree实现动态树形多选菜单
Aug 12 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
了解javascript中的Dom操作
May 27 Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
ES6 Generator基本使用方法示例
Jun 06 Javascript
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
Vue toFixed保留两位小数的3种方式
Oct 23 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用mysql数据库存储session的代码
2010/03/05 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
详解vuejs之v-for列表渲染
2017/06/22 Javascript
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
js for终止循环 跳出多层循环
2018/10/04 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
Python入门篇之条件、循环
2014/10/17 Python
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
python 两个数据库postgresql对比
2019/10/21 Python
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
教师见习期自我鉴定
2014/04/28 职场文书
公司总经理助理岗位职责
2014/07/09 职场文书
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js