• 欢迎访问爱玩吧
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏爱玩吧

【zblog】代码JS代码实现键盘方向键上下翻页

建站资源 aiwanyule 9年前 (2016-05-10) 已收录

zblog】代码JS代码实现键盘方向键上下翻页

zblog代码:JS代码实现键盘方向键上下翻页

按键盘上的左右方向键或Page Up和Page Down可实现文章列表页面及正文上下篇翻页,很方便阅读。
实现的JS代码如下,将下面的JS代码加到主题头部模版header.php或页脚模版footer.php中即可

有两段代码,第一段代表左右方向键翻页,第二段代表Page Up和Page Down翻页。

第一段代表左右方向键翻页

<?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 } ?>

第二段代表Page Up和Page Down翻页

<?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 } ?>


爱玩吧 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:【zblog】代码JS代码实现键盘方向键上下翻页
喜欢 (0)