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 词法作用域和闭包分析说明
Aug 12 Javascript
提高jQuery性能的十个诀窍
Nov 14 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
JavaScript实现向右伸出的多级网页菜单效果
Aug 25 Javascript
jquery ajax双击div可直接修改div中的内容
Mar 04 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
js中调用微信的扫描二维码功能的实现代码
Apr 11 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
Vue实现简易购物车页面
Dec 30 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 smarty模板引擎的6个小技巧
2014/04/24 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
Javascript - HTML的request类
2007/01/09 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
浅析用prototype定义自己的方法
2013/11/14 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
jquery防止重复执行动画避免页面混乱
2014/04/22 Javascript
使用js获取图片原始尺寸
2014/12/03 Javascript
在JavaScript中对HTML进行反转义详解
2016/05/18 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
微信小程序开发(一) 微信登录流程详解
2017/01/11 Javascript
Bootstrap 填充Json数据的实例代码
2017/01/11 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
利用python获得时间的实例说明
2013/03/25 Python
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
Python内存管理实例分析
2019/07/10 Python
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
教师推荐信范文
2013/11/24 职场文书
生物学学生自我评价
2014/01/17 职场文书
英文产品推荐信
2015/03/27 职场文书
javascript函数式编程基础
2021/09/15 Javascript