类似淘宝、网易云音乐评论盖楼功能实现

最新推荐文章于 2021-07-28 16:29:52 发布

l小小程序员

最新推荐文章于 2021-07-28 16:29:52 发布

阅读量676

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_42183252/article/details/101296004

本文介绍了如何实现类似淘宝和网易云音乐的评论盖楼功能。通过展示前台页面代码和JS实现细节，帮助读者理解这一交互设计的技术实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图如下

前台页面代码如下：

<div role="tabpanel" class="tab-pane" id="messages">

                                        <div id="box">
       Nickname：<input type="text" id="person" value="">
       Total<input style="border: 0;" name="" id="louceng">
       <textarea name="" id="text" rows="10" style="height: 100px;width: 400px;"> 
       </textarea>
       <input type="button" value="Submit" id="btn" />
       <hr/>
</div>

js代码如下：

<script>
    var num = 0;
    var num1 = 0;
    var box = document.getElementById("box");
    var text = document.getElementById("review_field");//获取评论内容id
    var btn = document.getElementById("btn");
    var person = document.getElementById("nickname_field");//获取评论人名称
    var ul = docu