帝国CMS文章阅读更多功能如何开发？

<div class="left">
     <div class="readbox">
     <h1>什么时候立冬</h1>
     <div class="infos tcenter">更新日期：2020-12-25 15:51:13　　来源：未知</div>
     <div class="digest">
     <p><b class="daodu">导读</b>农历十月，作为节气点的立冬，就在这个月份。它不仅是收获祭祀与丰年宴会隆重举行的时间，也是寒风乍起的季节。那么什么时候立冬呢？下面一起来看看吧。什么时候立冬立冬，二十四节气之一，也是汉族的传统节日之一。...</p>
     </div>
     <div class="clear15"></div>
     <div class="reads">
     <p style="text-indent: 2em; text-align: left;">农历十月，作为节气点的<a href="/tag/1276/" target=_blank class=infotextkey><strong>立冬</strong></a>，就在这个月份。它不仅是收获祭祀与丰年宴会隆重举行的时间，也是寒风乍起的季节。那么<a href="/tag/1414/" target=_blank class=infotextkey><strong>什么时候立冬</strong></a>呢？下面一起来看看吧。</p><p style="text-align: center;"><img src="/d/file/pic/202012242047/40bf74641f35b2fa722336a5f87973ff.jpg" style="" title="什么时候立冬1.jpg"/></p><p style="text-indent: 2em; text-align: left;"><strong>什么时候立冬</strong></p><p style="text-indent: 2em; text-align: left;">立冬，二十四节气之一，也是汉族的传统节日之一。立冬时间点为公历每年11月7-8日，这时中国大部分地区温度下降，寒潮来临。</p><p style="text-indent: 2em; text-align: left;"><strong><a href="/tag/1415/" target=_blank class=infotextkey><strong>立冬有哪些习俗</strong></a></strong></p><p style="text-indent: 2em; text-align: left;"><strong>1.迎冬</strong></p><p style="text-indent: 2em; text-align: left;">立冬与立春、立夏、立秋合称四立、古代社会中是个重要的节日。古时候，人们劳动了一年，利用立冬这一天要休息，顺便犒赏一家人的辛苦。谚语“立冬补冬，补嘴空”就是最好的比喻。</p><p style="text-indent: 2em; text-align: center;"><img src="/d/file/pic/202012242047/2a5348a55ac442aeeffb9d06b51a4c48.jpg" title="什么时候立冬3.jpg" style="white-space: normal;"/></p><p style="text-indent: 2em; text-align: left;"><strong>2.祭祖祭天</strong></p><p style="text-indent: 2em; text-align: left;">旧时，立冬这天，人们还要举行祭祖祭天的活动。即便再忙的农人也要在家休息一天，杀鸡宰羊，准备时令佳品，一方面祭祀祖先，以尽为人子孙的义务和责任；一方面祭祀苍天，感谢上天恩赐的丰年，并祈求上天赐给来年风调雨顺；而祭祀仪式后的酒食也可让辛苦一年的农人，好好犒赏一下自己。</p><p style="text-indent: 2em; text-align: left;"><strong>3.贺冬</strong></p><p style="text-indent: 2em; text-align: left;">贺冬亦称“拜冬”，在汉代即有此俗。东汉崔定《四民月令》：“冬至之日进酒肴，贺谒君师耆老，一如正日。”宋代每逢此日，人们更换新衣，庆贺往来，一如年节。清代“至日为冬至朝，士大夫家拜贺尊长，又交相出谒。细民男女，亦必更鲜衣以相揖，谓之“拜冬。”</p><p style="text-indent: 2em; text-align: center;"><img src="/d/file/pic/202012242047/2400915798095bf333973bc8c868670c.jpg" title="什么时候立冬2.jpg" style="white-space: normal;"/></p><p style="text-indent: 2em; text-align: left;"><strong>4.冬泳</strong></p><p style="text-indent: 2em; text-align: left;">在黑龙江哈尔滨、河南商丘、江西宜春、湖北武汉等地立冬之日，冬泳爱好者们就曾用冬泳这种方式迎接冬天的到来。冬泳无论在北方还是南方，是冬季人们喜爱的一种锻炼身体的方法。</p><p style="text-indent: 2em; text-align: left;"><strong>5.补冬</strong></p><p style="text-indent: 2em; text-align: left;">立冬后，草木凋零，蛰虫休眠，万物活动趋向休止。人类虽没有冬眠之说，但民间却有立冬补冬的习俗。在我国南方，立冬人们爱吃些鸡鸭鱼肉，在台湾立冬这一天，街头的“羊肉炉”、“姜母鸭”等冬令进补餐厅高朋满座。许多家庭还会炖麻油鸡、四物鸡来补充能量。除了补益了一家人的身体之外，这种围坐一桌的温暖气息，更让人觉得点点滴滴皆是美味。</p><p style="text-indent: 2em; text-align: left;">从上文中我们可以了解到，每年公历的11月7-8日。此外还介绍了立冬有哪些习俗，希望今天分享的内容可以帮助到大家，祝你生活愉快，身体健康。</p> </div>
     <div class="viewnewpages"> </div>
     </div>
     <div class="show_more_btn" id="read-more">
     <div class="shadow"> </div>
     <span class="show_more_text"> 阅读全文 <i></i> </span>
     </div>
     <div class="clear5"></div>
     <script>
     $(function () {
     var textHeight=$(".readbox").height();
     var winHeight=$(window).height();
     if(textHeight>winHeight*2.5){
     $(".readbox").css({'height':winHeight*2.5+'px','overflow':'hidden'})
     }else{
     $("#read-more").css({'display':'none'})
     }
     $("#read-more").click(function(){
     $(".readbox").css({'height':'auto','overflow':'auto'});
     $("#read-more").css({'display':'none'})
     })
     })
     </script>
.show_more_btn {
    width: 100%;
    height: 70px;
    display:block;
    clear:both;
    font-size:18px;
    font-weight: normal!important;
    text-align: center;
    position: relative;
    margin:0;
    padding-top: 4px
}
.show_more_btn i{
    width: 15px;
    height: 10px;
    background:url(../images/see_text2.png) no-repeat center center;
    background-size: 11px;
    display: inline-block;
    vertical-align: baseline;
    padding-bottom: 4px;
}
.shadow{
    width: 100%;
    height: 111px;
    background: linear-gradient(to bottom , rgba(255,255,255,0) , rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(to bottom , rgba(255,255,255,0) , rgba(255,255,255,1) 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(to bottom , rgba(255,255,255,0) ,  rgba(255,255,255,1) 100%) ;
    background: -o-linear-gradient(to bottom , rgba(255,255,255,0) ,  rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(to bottom , rgba(255,255,255,0) ,  rgba(255,255,255,1) 100%) ;
    position: absolute;
    top: -111px;
    left: 0;
}
.show_more_text{
    font-size: 18px;
    width:170px;
    height: 40px;
    border: 1px solid #12bbb7;
    color: #12bbb7;
    line-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
}
.show_more_text:hover{
    background-color: rgba(51, 136, 255, 0.2);
    cursor: pointer
}
.hide{display: none;}