• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

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

    发布者: 怀142 | 发布时间: 2025-6-19 12:11| 查看数: 34| 评论数: 0|帖子模式

    本文实例讲述了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 = ""; 
    if (keycode == 39 || keycode == 34) 
    location = ""; 
    }
    将上面给出的翻页代码复制到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 = ""; 
    if (keycode == 39 || keycode == 34) 
    location = ""; 
    }
    将上面的代码放置到相应页面,感兴趣的朋友可以试一下. 
    希望本文所述对大家的WordPress建站有所帮助。

    来源:https://zhuji.jb51.net/wordpress/7796.html
    免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

    最新评论

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表