jquery实现键盘左右翻页特效
时间:2021-03-13 09:46:28|栏目:jquery|点击: 次
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
下一篇:JQueryEasyUI datagrid框架的进阶使用
本文标题:jquery实现键盘左右翻页特效
本文地址:http://www.codeinn.net/misctech/79589.html