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

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


使用方法:


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>

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


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

.context{overflow: hidden;}

转载声明:本文为网络技术分享的原创文章,转载请注明原文地址,谢谢合作

发表评论:

随机云标签