直接在HTML的标签正上方插入Bubbly脚本并调用bubbly(),就能让页面拥有动态气泡背景。背景色、泡泡颜色、淡入动画全都支持自定义,配置写在bubbly()参数里即可——但有个小陷阱:颜色必须成对设置,淡入必须显式开启。

想在网页里快速加上动态气泡背景,但对着Bubbly脚本编辑器不知道从哪下手?变量怎么填、配置项放哪?其实根本用不着打开VS Code,直接在HTML里写三行代码,页面就能“呼吸”起来——连标签都不用手动加。

把Bubbly脚本嵌进网页

打开你的HTML文件,在标签正上方插入这行:

注意,这行必须紧贴,千万别塞进里——否则脚本执行时document.body还不存在,控制台会报Cannot read property 'appendChild' of null这样的错误。

启用默认气泡效果

在刚插入的