当前位置:首页 > CMS教程 > WordPress > 列表

wordpress利用键盘左右键实现上下翻页

发布:smiling 来源: PHP粉丝网  添加日期:2014-03-18 12:42:13 浏览: 评论:0 

利用键盘左右键翻页效果其实只是我们利用了一款js效果,用键盘左右键实现wordpress上下翻页,其实原理和ctrl+enter来实现提交评论一样的道理,支持ie和ff,没有测试是否兼容谷歌chrome,我私下里觉得既然支持firefox那应该会支持chrome了,应该吧.

实例代码如下:

  1. document.onkeydown = chang_page; 
  2. function chang_page(e) { 
  3.     var e = e || event,  
  4.     keycode = e.which || e.keyCode; 
  5.     if (keycode == 37 || keycode == 33) 
  6.         location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>"
  7.     if (keycode == 39 || keycode == 34) 
  8.         location = "<?php echo get_permalink(get_adjacent_post(false, '42', true)); ?>"

将上面给出的翻页代码复制到single.php内保存,无论是IE还是FF,均能完美实现键盘翻页,说明:get_adjacent_post()函数中的42是指排除分类ID为42的文章——也就是说,在翻页过程中会自动跳过该分类下的文章(因为本站ID=42的分类被用于改造个人微博,并不想与文章一起翻页展示),如果没有特殊要求,这个参数留空即可,读者可根据个人博客的实际需要自行修改.

文章列表页面(如首页、分类页面、存档页面等)是否也可以实现键盘翻页呢?我们只需使用

get_previous_posts_page_link()和get_next_posts_page_link()代替上述代码中的get_adjacent_post()函数即可达到目的:

实例代码如下:

  1. document.onkeydown = chang_page; 
  2. function chang_page(e) { 
  3.     var e = e || event, 
  4.     keycode = e.which || e.keyCode; 
  5.     if (keycode == 37 || keycode == 33) 
  6.         location = "<?php echo get_previous_posts_page_link(); ?>"
  7.     if (keycode == 39 || keycode == 34) 
  8.         location = "<?php echo get_next_posts_page_link(); ?>"
将上面的代码放置到相应页面,自己试试吧.

Tags: wordpress 键盘左右键 上下翻页

分享到: