一些从别处抄来的动画示例，点击代码以载入编辑框。为了方便提供了 HTML/JS 编辑器，每点框外执行一次。
修改选定内容：，：, [^][v] marker: [+] [-]
（你大概看不到的）脚本们依次是实现 number.onchange、 selectPos (clientXY)、 insert(替换选区)&appendTag(合并需要特殊处理以执行 <script> 等)，最后是 takeNextSiblingN(刻意秀下都没写对)、timeoutPairdClick、posited、
stevenjoezhang/balloon.js CSS3 彩色气球特效 | Multi-color balloons flying up from the bottom of your screen
duration the animation duration in secondssize size of the balloons in pxcount count of the balloonsfrom l for left, r for rightto l for left, r for right<script src="ballon.js" duration="15" size="88" count="15" from="r" to="l"></script>
重写版 Ballons，因为简单干脆就弄中文啦
原项目的 1~4.svg 和 .png 都是预览啦，其实就只 ballons.js 是实际逻辑，含数据。
各项系数 指源、至点盒的随机大小增量比率，仅在 from/to 是 x,y 点时启用，默认 0.1 1 0.1 -1。SVG文档 是关于 .st0 颜色的矢量图<script src="ballon1.js" 秒数="15" 大小="88px" 透明度="50%" 数目="20" 源点="l" 至点="r"></script>
<script src="ballon1.js" 秒数="25" 大小="77px" 透明度="100%" 数目="20" 源点="r" 至点="l"></script>
<script src="ballon1.js" 秒数="9" 大小="91px" 透明度="20%" 数目="40" 源点="5,442" 至点="1903,447" 各项系数="-4 0.8 0.9 -1"></script>
执行下面的脚本可以看到彩虹呦！
{let f=()=>{animateBallon(); setTimeout(f, 2000)};f()}
请保证它们在最末尾！没用 DOMContentLoaded，关键在于 queryParent(写得好懒)