您的位置：首页 > Web前端 > JQuery

jquery实现键盘左右翻页特效

2015-04-30 00:00 483 查看
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; 
    
  }); 
 });


以上所述就是本文的全部内容了，希望大家能够喜欢。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航