jQuery自定义动画

1. 首先创建一个新的html，在body下面输入源代码；div标签代表的是颜色的面板，button标签代表的是按钮
2. 当我们输入好了源代码之后呢，那我们的源代码部分已经完成了，接下来剩下的就只有css样式和jQuery函数了
   
3. 接下来我们先完成css样式的代码，因为这个案列的话没什么必要创建一个css文件然后又得链接过去，这就比较麻烦，于是我们选择用内部样式来完成效果，只需要在顶部title标签下面创建一个style的标签就好了，这style代表的就是样式设置标签
4. 当我们创建好了style标签之后，我们就可以设置样式了，首先我们源代码中只有一个div标签，所以我们直接选择div标签，意思就是选择源代码中的所有div标签进行设置，首先我们设置宽度为100个像素，高度为100个像素，下外边距为10像素，背景颜色随便选，这里的参数都是随便设置的，如果需要的话，可以自己设置。
   
5. 当我们写到这里的时候，说明我们的案列已经完成了一大半了，接下来就是完成js的部分了，首先我们先输入一个script，这里就是内部的js代码，意思也是跟style一样的，如果创建一个js文件的话也是要链接的，为了方便简洁，就不需要链接过去了
6. 然后我们写到这里，我们的动画还是需要插件来完成的，所以我们在script标签下面继续添加一个script用来链接插件，因为我jq版本只有3.6.0，所以比这个版本高的都可以使用的
7. 当我们创建好了script标签之后，我们现在源代码的div标签和button标签添加个属性名为id名，之后我们在script标签输入js的代码，这个是我们的单个动画的设置方法， ( ‘ d a n ’ ) ， 这 段 代