jQuery滑动变色方块

​x
 
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
    <h1>滑动变色的方块</h1>
    <p>点击开始按钮。绿色方块出现移动并变大变为红色</p>
  <div id='mydiv' style="width:50px;height:50px;display:none;background-color:green;position:absolute">
    
  </div>
  <button id='btn'>
    START
  </button>
</body>
</html>
HTML