键盘实现WordPress翻页

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 23:45 点击:

 

如果能用键盘方向键实现上下翻页操作是不是会很方便,闲来无事,折腾一下键盘实现WordPress翻页功能。实现方法很简单,一段JS代码搞定。

  1. // 键盘翻页   
  2. <?php wp_reset_query();if (is_home() || is_archive() || is_search()) { ?>   
  3. <script type="text/javascript">   
  4.     document.onkeydown = chang_page;function chang_page(e) {   
  5.         var e = e || event,   
  6.         keycode = e.which || e.keyCode;   
  7.         if (keycode == 33 || keycode == 37) location = '<?php echo get_previous_posts_page_link(); ?>';   
  8.         if (keycode == 34 || keycode == 39) location = '<?php echo get_next_posts_page_link(); ?>';   
  9.     }   
  10. </script>   
  11. <?php } ?>   
  12. <?php wp_reset_query();if (is_single()) { ?>   
  13. <script type="text/javascript">   
  14. document.onkeydown = chang_page;function chang_page(e) {   
  15.     var e = e || event,   
  16.     keycode = e.which || e.keyCode;   
  17.     if (keycode == 33 || keycode == 37) location = '<?php echo get_permalink(get_adjacent_post(false, '', false)); ?>';   
  18.     if (keycode == 34 || keycode == 39) location = '<?php echo get_permalink(get_adjacent_post(false, '', true)); ?>';   
  19. }   
  20. </script>   
  21. <?php } ?>  

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

不过正文键盘翻页会影响留言编辑时用键盘移动光标,所以可以把<?php w

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1