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 10 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
jQuery中:header选择器用法实例
Dec 29 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
js实现非常简单的焦点图切换特效实例
May 07 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 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中使用Oracle数据库(3)
2006/10/09 PHP
PHP 高手之路(二)
2006/10/09 PHP
php curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
2014/11/22 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
js setTimeout 常见问题小结
2013/08/13 Javascript
移动节点的jquery代码
2014/01/13 Javascript
js格式化金额可选是否带千分位以及保留精度
2014/01/28 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
js实现功能比较全面的全选和多选
2017/03/02 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
Vue表单之v-model绑定下拉列表功能
2019/05/14 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
Vue3为什么这么快
2020/09/23 Javascript
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
python实现DES加密解密方法实例详解
2015/06/30 Python
Python中的字符串查找操作方法总结
2016/06/27 Python
Python语言描述随机梯度下降法
2018/01/04 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
Python列表解析操作实例总结
2020/02/26 Python
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
物理教育专业毕业生推荐信
2013/11/03 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
2015年销售内勤工作总结
2015/04/27 职场文书
家长意见书
2015/06/04 职场文书
2016年社会管理综治宣传月活动总结
2016/03/16 职场文书
jupyter notebook保存文件默认路径更改方法汇总(亲测可以)
2021/06/09 Python
Python绘画好看的星空图
2022/03/17 Python
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python