这一周忙期末考试,耗去了不少时间。现在来补一下一周前完成的仿的今日头条的动画效果。
先上代码吧。html部分:
<div class="comment-add">
<div class="commentguest">
<img src="img/guest.png" class="img-circle">
</div>
<div id="comment-input" class="comment-input">
<div class="commentarea">
<textarea id="content" rows="6" cols="80" onpropertychange="if(this.scrollHeight> 80)this.style.posHeight=this.scrollHeight+5" placeholder="请写下您的评论"></textarea>
</div>
<div class="commentbtn">
<div class="commentmask"></div>
<a href="javascript:;" class="getcomment btn btn-block" role="button">评论</a>