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; }); });