wordpress利用键盘左右键实现上下翻页
发布:smiling 来源: PHP粉丝网 添加日期:2014-03-18 12:42:13 浏览: 评论:0
利用键盘左右键翻页效果其实只是我们利用了一款js效果,用键盘左右键实现wordpress上下翻页,其实原理和ctrl+enter来实现提交评论一样的道理,支持ie和ff,没有测试是否兼容谷歌chrome,我私下里觉得既然支持firefox那应该会支持chrome了,应该吧.
实例代码如下:
- document.onkeydown = chang_page;
- function chang_page(e) {
- var e = e || event,
- keycode = e.which || e.keyCode;
- if (keycode == 37 || keycode == 33)
- location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>";
- if (keycode == 39 || keycode == 34)
- 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()函数即可达到目的:
实例代码如下:
- document.onkeydown = chang_page;
- function chang_page(e) {
- var e = e || event,
- keycode = e.which || e.keyCode;
- if (keycode == 37 || keycode == 33)
- location = "<?php echo get_previous_posts_page_link(); ?>";
- if (keycode == 39 || keycode == 34)
- location = "<?php echo get_next_posts_page_link(); ?>";
- }
将上面的代码放置到相应页面,自己试试吧.
Tags: wordpress 键盘左右键 上下翻页
相关文章
- ·WordPress初级教程1:什么是博客?(2013-11-11)
- ·WordPress初级教程-2: 什么是WordPress?(2013-11-11)
- ·WordPress初级教程-3: WordPress的功能和特点(2013-11-11)
- ·WordPress初级教程-4: 选择WordPress博客的主机和域名(2013-11-11)
- ·WordPress初级教程-5: 安装WordPress(2013-11-11)
- ·WordPress初级教程-6: 本地安装WordPress(2013-11-11)
- ·WordPress初级教程-7: 一个数据库中安装多个WordPress博客(2013-11-11)
- ·WordPress初级教程-8: WordPress控制面板/ Dashboard(2013-11-11)
- ·WordPress初级教程-9: WordPress用户设置/ Users(2013-11-11)
- ·WordPress初级教程-10: WordPress博客配置/ Settings(2013-11-11)
- ·关于wordpress上传图片不显示的原因(2013-11-11)
- ·WordPress程序的脆弱点你知道吗 (2013-11-11)
- ·总结八大Wordpress网站百度收录实现秒收的方法绝招 (2013-11-11)
- ·WordPress如何网站投稿者也可以上传图片(2014-03-18)
- ·WordPress怎么修改新用户注册邮件内容(2014-03-18)
- ·WordPress怎么添加前台注册功能(2014-03-18)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)