JS实现拖拽弹出框的效果

实现效果

代码

HTML

   <!-- 鼠标拖拽特效S -->
      <h1>可拖拽特效</h1>
      <div class="tz_nav">
        <a href="javascript:;" id="register">注册信息</a>
      </div>
      <div class="tz_d_box" id="d_box">
        <div class="hd" id="drop">
          注册信息（可拖拽）
          <span id="box_close">[关闭]</span>
        </div>
        <div class="bd"></div>
      </div>
      <!-- 鼠标拖拽特效E -->

CSS

/* 鼠标拖拽效果S */
.tz_d_box {
  width: 400px;
  height: 300px;
  border: 5px solid #eee;
  box-shadow: 2px 2px 2px 2px #666;