手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现键盘左右翻页特效
jquery实现键盘左右翻页特效
摘要:jquery键盘左右翻页,jquery键盘方向键翻页功能,当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转。HTML代码上一篇...

jquery键盘左右翻页,jquery键盘方向键翻页功能,当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转。

HTML代码

<p>上一篇:<a id='pre' href='http://www.daimajiayuan.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a> </p> <p>下一篇:<a id='next' href='http://www.daimajiayuan.com/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a> </p>

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; }); });

以上所述就是本文的全部内容了,希望大家能够喜欢。

【jquery实现键盘左右翻页特效】相关文章:

jQuery实现的多屏图像图层切换效果实例

jquery实现弹出层效果实例

jQuery插件pagewalkthrough实现引导页效果

简单实用的网页表格特效

jQuery实现页面内锚点平滑跳转特效的方法总结

jquery简单实现外部链接用新窗口打开的方法

jquery插件splitScren实现页面分屏切换模板特效

JS+CSS实现的拖动分页效果实例

js实现键盘Enter键提交表单的方法

jQuery实现延迟跳转的方法

精品推荐
分类导航