wordpress实现键盘自动翻页

wordpress实现键盘自动翻页

作者:明星 |  时间:2014-06-26 |  浏览:2346 |  评论已关闭 条评论

今天本来想将818酷图网的文章页做出一个按键盘就能够翻页的效果的,后来在网上找了找还真有,于是乎就试了试,自己用着感觉还是蛮好的,下面就把这个方法分析给大家,有兴趣的可以参考下。

这个是一段JS代码,个人建议放到footer.php中。

 

// 键盘翻页
<?php wp_reset_query();if (is_home() || is_archive() || is_search()) { ?>
<script type=”text/javascript”>
document.onkeydown = chang_page;function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 33 || keycode == 37) location = ’<?php echo get_previous_posts_page_link(); ?>’;
if (keycode == 34 || keycode == 39) location = ’<?php echo get_next_posts_page_link(); ?>’;
}
</script>
<?php } ?>
<?php wp_reset_query();if (is_single()) { ?>
<script type=”text/javascript”>
document.onkeydown = chang_page;function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 33 || keycode == 37) location = ’<?php echo get_permalink(get_adjacent_post(false, ”, false)); ?>’;
if (keycode == 34 || keycode == 39) location = ’<?php echo get_permalink(get_adjacent_post(false, ”, true)); ?>’;
}
</script>
<?php } ?>

这段代码我已经在818酷图网测试了,是可以直接用的,而且很是方便。不过是有几个问题:

1.这个翻页需要的是pageUP和pageDown来实现,并不是我们常用的←和→来实现的。

2.这个翻页的效果对单篇文章很实用,但是针对文章的分页就没效果,也就是一篇文章分多页的话,按PageDown的话不会翻到下一个分页而是直接翻到下一篇文章了。

技术有限我也不会修改,有技术的大大可以自己整整。

相关推荐
更多

评论已关闭。