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

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

作者: 人心     发布于「 资源分享 」 - 反击者联盟黑名单博客-念旧QQ3216883941

2019-6-24 分类: 资源分享 阅读(40)评论(0)
当前位置:首页 > 资源分享 > 正文

作者: 人心

全网最全的网络资源分享网站

手机扫码查看

标签:

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

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


使用方法:


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;}
分享到:
未经允许不得转载:

作者: 人心, 转载或复制请以 超链接形式 并注明出处 反击者联盟黑名单博客-念旧QQ3216883941
原文地址: 《Emlog Fly模板 给文章添加“阅读剩下”内容按钮(转载)》 发布于2019-6-24

评论

89 + 23 =
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

sitemap