原创

Jquery 实现键盘左右翻页特效

jQuery实现网页上键盘左右方向键翻页,在个别的网站经常看到类似的效果,这样可以给网站提高用户体验,方便访客翻页使用,从而大大提高了网站PV。

html页面,代码如下:

<p>上一篇:<a id='pre' href='http://blog.yoodb.com/yoodb/article/detail/216'>Spark程序 "Hello World!"实例</a> </p> 
<p>下一篇:<a id='next' href='http://blog.yoodb.com/yoodb/article/detail/217'>Scala 程序HelloWorld案例</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; 
     
  }); 
 });
~阅读全文~人机检测~

关注下方微信公众号“Java精选”(w_z90110),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

评论

分享:

支付宝

微信