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 相关文章推荐
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
js实现简易聊天对话框
Aug 17 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
详解利用Angular实现多团队模块化SPA开发框架
Nov 27 Javascript
使用 vue-i18n 切换中英文效果
May 23 Javascript
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
Aug 13 Javascript
vue 实现超长文本截取,悬浮框提示
Jul 29 Javascript
如何HttpServletRequest文件对象并储存
Aug 14 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 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中读取照片exif信息的方法
2014/08/20 PHP
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
Angular ng-class详解及实例代码
2016/09/19 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
js的函数的按值传递参数(实例讲解)
2017/11/16 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
vue v-model动态生成详解
2018/06/30 Javascript
vue中v-for循环给标签属性赋值的方法
2018/10/18 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
vue-router两种模式区别及使用注意事项详解
2019/08/01 Javascript
JS实现json数组排序操作实例分析
2019/10/28 Javascript
jquery实现简单自动轮播图效果
2020/07/29 jQuery
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
实例讲解Python中函数的调用与定义
2016/03/14 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
python matplotlib绘制三维图的示例
2020/09/24 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
九年级家长会邀请函
2014/01/15 职场文书
幼儿园课题方案
2014/06/09 职场文书
个人租房协议书范本
2014/09/30 职场文书
车辆安全隐患排查制度
2015/08/05 职场文书
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server
python实现简单反弹球游戏
2021/04/12 Python
sass 常用备忘案例详解
2021/09/15 HTML / CSS
Spring Bean是如何初始化的详解
2022/03/22 Java/Android