Emlog Fly模板 给文章添加“阅读剩下”内容按钮

发布日期:2018-12-02 20:20:54 作者:何以往事

  • 正文内容
  • 相关推荐

添加阅读功能本身为了页面美观,可以选择性添加。

效果图:

QQ图片20181202202248.png


使用方法:


1、打开“ echo_log.php 文件 在想添加的文件加入下面代码,我这里添加在打赏上面

<!-- 阅读剩下按钮 -->
      if($('.context').height()>600){
        // 如果内容页高度大于600
        $('.context').height('600');
        $('#rest-butt-content').show();
        // 控制内容页的高度到600
        // 且按钮为显示状态
      }else{
        // 否则不出现阅读更多的按钮
        $('#rest-butt-content').hide();
      }
      function rest_butt(){
        $('.context').height('100%');
        $("#rest-butt-content").remove();
      }
</script>


22.png


2、打开CSS文件 “style.css” 找到 “
::selection{background:#B0E2FF;color:#fff}
” 


在::selection{background:#B0E2FF;color:#fff} 上方 添加下面代码即可  

.context{overflow: hidden;}


图文

333.png

搜一下

头像
描述: ღ 我愿用一世阳光换你的微笑 ღ

本文标签:

文章标题:Emlog Fly模板 给文章添加“阅读剩下”内容按钮

文章链接:https://www.dcqzz.cn/post/376

版权声明:若无特殊注明,本文皆为 何以往事 原创,转载请保留文章出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注