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 相关文章推荐
window.location.hash 使用说明
Nov 08 Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
js获取 type=radio 值的方法
May 09 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
jQuery is not defined 错误原因与解决方法小结
Mar 19 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
vue组件系列之TagsInput详解
May 14 Javascript
如何利用js在两个html窗口间通信
Apr 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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
一个PHP操作Access类(PHP+ODBC+Access)
2007/01/02 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
jQuery 使用手册(二)
2009/09/23 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
Js+Jq获取URL参数的集中方法示例代码
2014/05/20 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
jQuery获取浏览器类型和版本号的方法
2016/07/05 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
基于vue组件实现猜数字游戏
2020/05/28 Javascript
JS实现利用两个队列表示一个栈的方法
2017/12/13 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
详解js根据百度地图提供经纬度计算两点距离
2019/05/13 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
python中for语句简单遍历数据的方法
2015/05/07 Python
python实现屏保计时器的示例代码
2018/08/08 Python
python numpy 反转 reverse示例
2019/12/04 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
工作失误检讨书范文大全
2014/01/13 职场文书
骨干教师培训制度
2014/01/13 职场文书
团委竞选演讲稿
2014/04/24 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
漂亮妈妈观后感
2015/06/08 职场文书
户外拓展训练感想
2015/08/07 职场文书
C#连接ORACLE出现乱码问题的解决方法
2021/10/05 Oracle
Python装饰器的练习题
2021/11/23 Python