jquery实现键盘左右翻页特效

jQuery实现网页上键盘左右方向键翻页代码,我们在很多小说网站经常看到这样的效果,这样可以给网站提高用户体验,方便访客翻页使用,从而大大提高了网站PV

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

HTML代码

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实现键盘左右翻页特效的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程