html实现快捷键翻页,zblog用键盘上的左右箭头(←和→)实现快速翻页

zblog用键盘上的左右箭头(←和→)实现快速翻页这个功能是用js实现的,加上这个好听点说就是优化了用户体验。实现起来也非常简单,有动手能力的朋友可以尝试下。

zblog现在分为zblogasp和zblogphp两个版本,js代码都是一样的,html代码略有不同。

zblogphp版,将以下代码和最下面的js代码添加到post-single.php合适的位置:

{if $article.Prev}

上一篇

{/if}

{if $article.Next}

下一篇

{/if}

试试用"←"或"→"方向键快速翻页把 \(^o^)/

zblogasp版,在模板文件夹里面新建两个文件,分别是“b_article_navbar_l.html”和“b_article_navbar_r.html“,如果模板内已有这两个文件的仅需需求代码和下面的代码保持一致即可。

b_article_navbar_r.html:

下一篇:" title="" class="up" id="up">

b_article_navbar_l.html:

下一篇:" title="" class="up" id="up">

然后在b_article-single.html合适的位置添加以下代码和js代码即可。 

最后上js代码,zblogasp版和zblogphp版的js代码都是一样的。

last=document . getEleme

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值