Discuz!X帖子内容页增加阅读全文功能

<div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}">

 <div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}" {if $post['first']}id="rt"{/if}>

<div id="comment_$post[pid]" class="cm">

    <!--{if $post['first']}-->    <div class="read_all pbw cl" >        <div class="read_more_mask"></div>        <a class="read_more_btn" target="_self">阅读全文</a>    </div>  <script type="text/javascript">  jq(function(){    var widHeight = jq(window).height();    var artHeight = jq('#rt').height();    if(artHeight>(widHeight * 2.5)){      jq('#rt').height(widHeight * 2.5 - 260).css({'overflow':'hidden'});      var article_show = true;      jq('.read_more_btn').on('click',bindRead_more);    }else{      article_show = true;      jq('.read_all').hide().addClass('readall_box_nobg');    }    function bindRead_more(){      if(!article_show){        jq('#rt').height(widHeight * 2.5).css({'overflow':'hidden'});        jq('.read_all').show().removeClass('readall_box_nobg');        article_show = true;      }else{        jq('#rt').height("").css({'overflow':'hidden'});        jq('.read_all').show().addClass('readall_box_nobg');        jq('.read_all').hide().addClass('readall_box_nobg');        article_show = false;      }    }  })    </script>    <!--{/if}-->复制代码

/** forum::viewthread,group::viewthread **//*阅读全文按钮*/.read_all { position: relative; margin-top: -200px;  z-index:999; text-align: center; }.read_all .read_more_mask { height: 200px; background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0)); background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff)); background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0)); }.read_more_btn { display:inline-block; padding:0 20px; background: #fff; border-radius: 4px; border: 1px solid {HIGHLIGHTLINK}; cursor:pointer; font-size: 16px; color:{HIGHLIGHTLINK}; line-height: 32px; }.read_more_btn:hover { background:{HIGHLIGHTLINK}; color:#fff; text-decoration:none;  }/** end **/