祝福墙实现随机位置，双击删除，单击层级，点击按钮删除效果

<script>
  var messages = [
    {"id": 1, "name": "mahu", "content": "今天你拿苹果支付了么", "time": "2018-12-17 00:00:00"},
    {"id": 2, "name": "haha", "content": "今天天气不错，风和日丽的", "time": "2019-01-18 12:40:00"},
    {"id": 3, "name": "jjjj", "content": "常要说的事儿是乐生于苦", "time": "2019-01-18 12:40:00"},
    {"id": 4, "name": "9.8的妹纸", "content": "把朋友家厕所拉堵了 不敢出去 掏了半小时了都", "time": "2018-03-18 12:40:00"},
    {"id": 5, "name": "雷锋ii.", "content": "元宵节快乐", "time": "2009-02-22 12:40:00"},
    {"id": 6, "name": "哎呦哥哥.", "content": "据说今晚央视的元宵晚会导演和春晚导演是同一个人，真是躲得过初一，躲不过十五。", "time": "2018-02-22 01:30:00"},
    {
      "id": 7,
      "name": "没猴哥，不春晚",
      "content": "班主任:“小明，你都十二岁了，还是三年级，不觉得羞愧吗”？。小明:“一点也不觉得，老师你都四十多岁了，不也是年年在三年级混日子吗？羞愧的应该是你”。老师:……",
      "time": "2019-02-22 01:30:00"
    },
    {"id": 8, "name": "哎呦杰杰.", "content": "真搞不懂你们地球人，月亮有什么好看的，全是坑，还是对面那哥们好看，", "time": "2010-02-22 01:30:00"},
    {"id": 9, "name": "哎呦哎呦", "content": "今天哪里的烟花最好看！！？答：朋友圈。。。", "time": "2019-02-22 02:30:00"}
  ];


  var content=document.getElementById("content");
  for (var i=0;i<messages.length;i++){
      // var dt=messages[i];
      var dvObj=document.createElement("div");
      content.appendChild(dvObj);
      dvObj.id="cc"+i;
      dvObj.className="tip1";
      //改变位置
      var topValue = parseInt(Math.random()*400);
      var leftValue = parseInt(Math.random()*700);
      dvObj.style.top = topValue + "px";
      dvObj.style.left = leftValue + "px";

  dvObj.innerHTML='<div class="tip_h" title="双击关闭纸条">' +
      '<div class="num">第一条 2019-10-10</div>' +
      '<div class="close" title="关闭纸条">×</div>' +
      '<div class="clr"></div>' +
      '</div>' +
      '<div class="tip_c">今天哪里的烟花最好看！！？答：朋友圈。。。</div>' +
      '<div class="tip_f">' +
      '<div class="icon">' +
      '<img src="images/bpic_1.gif" alt="" title="">' +
      '</div>' +
      '<div class="name">哎呦哎呦</div>' +
      '<div class="clr"></div>' +
      '</div>';

  content.appendChild(dvObj);

  //关闭纸条
  var closeDiv=dvObj.getElementsByClassName("close")[0];
  closeDiv.onclick=function () {
      content.removeChild(this.parentNode.parentNode);
  }
  //双击删除事件
  var dbDiv=dvObj.getElementsByClassName("tip_h")[0];
  dbDiv.ondblclick=function () {
      content.removeChild(this.parentNode);
  }
  //提高层次
  var index=1;
  dvObj.onclick=function () {
      this.style.zIndex=index;
      index++;
  }

}

</script>