javascript实现很浪漫的气泡冒出特效

本文实例讲述了javascript实现很浪漫的气泡冒出特效代码，分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

实现思路：HTML里只需要一个CANVAS元素，Javascript里操作canvas

1、给canvas里绘制背景图片
2、在绘制半径为0-10px的圆形，x坐标屏幕水平随机，y所标竖直大于屏幕高度。
　　圆形背景色可以是随机，那就是各种色彩了！
　   利用计时器控制y--

构建html

js代码

需要在自己的网站中添加浪漫元素，这不失为一种好的方式，希望大家灵活运用javascript实现气泡冒出特效，谢谢大家的阅读。