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 相关文章推荐
验证用户是否修改过页面的数据的实现方法
Sep 26 Javascript
JSON 客户端和服务器端的格式转换
Aug 27 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
jquery json 实例代码
Dec 02 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
微信小程序实现折叠展开效果
Jul 19 Javascript
vue.js中导出Excel表格的案例分析
Jun 11 Javascript
原生js添加一个或多个类名的方法分析
Jul 30 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快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
js分页工具实例
2015/01/28 Javascript
js读取并解析JSON类型数据的方法
2015/11/14 Javascript
jQuery实现按比例缩放图片的方法
2017/04/29 jQuery
使用Vue写一个datepicker的示例
2018/01/27 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
JS数组Object.keys()方法的使用示例
2019/06/05 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
2020/08/07 Javascript
python实现从一组颜色中找出与给定颜色最接近颜色的方法
2015/03/19 Python
Python 处理数据的实例详解
2017/08/10 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
应届毕业生自荐信
2014/05/28 职场文书
授权委托书(法人单位用)
2014/09/29 职场文书
心灵捕手观后感
2015/06/02 职场文书
单位政审意见范文
2015/06/04 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
通知怎么写?
2019/04/17 职场文书
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle