wordpress利用键盘左右键实现上下翻页的方法
发布时间：2014-12-23 11:33:18 作者：佚名 
我要评论
我要评论这篇文章主要为大家介绍了wordpress利用键盘左右键实现上下翻页的方法,涉及针对js脚本的调用技巧,是非常实用的技巧,需要的朋友可以参考下
本文实例讲述了wordpress利用键盘左右键实现上下翻页的方法。分享给大家供大家参考。具体分析如下：
利用键盘左右键翻页效果其实只是我们利用了一款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)); ?>";
}
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(); ?>";
}
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(); ?>";
}
将上面的代码放置到相应页面,感兴趣的朋友可以试一下.
希望本文所述对大家的WordPress建站有所帮助。
相关文章
- 如何更改Macbook翻页滚动手势（方向）?使用苹果电脑的朋友都知道，Macbook的滚轮是和Windows相反的。如果操作不习惯，可以更改回来吗？答案是可以的，下面跟着我的设置来修2015-03-12
魔兽世界6.0战士滚轮翻页宏_魔兽世界6.0战士滚轮翻页宏分享
魔兽世界6.0战士滚轮翻页宏_魔兽世界6.0战士滚轮翻页宏分享。一起跟随小编过来看看吧2015-01-05- 魔兽世界6.0战士实用宏分享 滚轮翻页宏值得拥有2015-01-04
Wordpress分类,标签,分页显示及翻页出现404错误的解决方法
这篇文章主要为大家介绍了Wordpress分类,标签,分页显示及翻页出现404错误的解决方法,涉及对代码中handle_404方法的修改,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-31- 这篇文章主要为大家介绍了dedecms列表页上一页下一页翻页单独调用的方法,涉及针对列表页底层代码部分的修改,对于dedecms二次开发有一定的借鉴价值,需要的朋友可以参考下2014-12-16
- 这篇文章主要介绍了PS设计制作一个逼真的翻页日历图标教程，教程不复杂，喜欢的朋友可以一起来学习2014-12-15
翻页电子相册制作(FLIP Flash Album Deluxe) v2.0 多语安装版
FLIP Flash Album Deluxe是最好的3D页面翻转的数位照片软体，您可以创建翻页Flash相册的照片，描述和动态Flash效果，自己动手做电子杂志和书籍2014-12-09
FlippingBook超牛逼的特别版不限页数(图书翻页效果)
一款收费的图书翻页效果的flash播放器,超牛逼的破解版FlippingBook不限页数，已经被大牛破解了，大家放心尽快用吧2014-12-03
Jquery结合angular.js与bootstrap.js实现的无刷新翻页+查找特效源码
是一段可以实现同一页面内无刷新翻页+查找功能的代码，同时在本压缩包内拥有angular.js与bootstrap.js的文件，有需要这两个文件或喜欢此段代码的朋友们可以前来下载使用2014-12-01
这个名为 BookBlock 的图片预览效果是一个书展示或网上书店的概念，已全屏打开3D页面导航网格的形式显示图书的详细信息，需要的朋友一起来学习BookBlock 之真实的书本翻页2015-08-24
最新评论