用jquery实现键盘左右翻页功能

nimaboke 2014-12-21 3202

jQuery实现网页上键盘左右方向键翻页代码,我们在很多小说网站经常看到这样的效果,这样可以给网站提高用户体验,方便访客翻页使用,从而大大提高了网站PV浏览量,一个不错的效果,如果您的网站已经引入了jQuery框架,不妨增加这个网页上键盘左右方向键翻页功能。jquery键盘左右翻页,jquery键盘方向键翻页功能,当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转。


html代码



<a id="pre" href="http://nimaboke.qiniudn.com/post-268.html">易语言修改电脑开机账户</a>
<a id="next" href="http://nimaboke.qiniudn.com/post-266.html">Wordpress其实并不肿</a>

大家可以看到,只需在上一篇链接加入pre,在下一篇文章加入next就可以实现了


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;

    });
 }); 
演示效果请用键盘左右测试本站


最新回复 (0)
    • 屌丝论坛
      2