我们在很多小说网站经常看到这样的效果,这样可以给网站提高用户体验,方便访客翻页使用,从而大大提高了网站PV浏览量,一个不错的效果,如果您的网站已经引入了jQuery框架,不妨增加这个网页上键盘左右方向键翻页功能。当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转。
示例代码如下:
<p>上一篇:<a id="prev" href="https://jiangdesheng.com/post-447.html">UEditor1.4.3.3使用记录</a></p> <p>下一篇:<a id="next" href="https://jiangdesheng.com/post-445.html">妙用jQuery的val()方法</a></p> <script> $(function(){ var prevpage=$("#prev").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; }); }); </script>
有朋自远方来...评论一下呗O(∩_∩)O