jQuery实现简单评论区小功能—localStorage本地存储

最新推荐文章于 2022-12-15 10:14:28 发布

bug制造机

最新推荐文章于 2022-12-15 10:14:28 发布

阅读量758

点赞数 3

文章标签： js jquery

本文链接：https://blog.csdn.net/weixin_42369566/article/details/109275803

版权

直接看代码吧

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/weibo.css">
</head>

<body>
  <div class="w">
    <!-- 操作的界面 -->
    <div class="controls">
      <img src="images/tip.png" alt=""><br>
      <textarea placeholder="说点什么吧..." id="area" cols="30" rows="10"></textarea>
      <div>
        <span class="useCount">0</span>
        <span>/</span>
        <span>200</span>
        <button id="send">发布</button>
      </div>

    </div>
    <!-- 微博内容列表 -->
    <div class="contentList">
      <ul>

      </ul>
    </div>
  </div>
  <script src="js/jquery.min.js"></script>
  <script src="js/weibo.js"></script>
</body>

</html>

* {
   
  margin: 0;
  padding: 0;
}
ul {
   
  list-style: none;
}
.w {
   
  width: 900px;
  margin:0 auto;
}
.controls textarea {
   
  width: 878px;
  height: 100px;
  resize: none;
  border-radius: 10px;
  outline:none