小贝seo

emlog给文章添加“阅读剩下”页面美观按钮


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

效果图:

emlog文章


使用方法:


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> 


emlog文章


2、打开CSS文件 “
style.css” 找到 

::selection{background:#B0E2FF;color:#fff}

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

.context{overflow: hidden;}

本文转载:王玉权博客
×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
本博客所有文章如无特别注明均为原创。作者:小贝seo复制或转载请以超链接形式注明转自 小贝seo博客
原文地址《emlog给文章添加“阅读剩下”页面美观按钮
分享到:
美工小分队

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)