前端之家收集整理的这篇文章主要介绍了
javascript实现很浪漫的气泡冒出特效,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例讲述了javascript实现很浪漫的气泡冒出特效代码。分享给大家供大家参考。具体如下:
运行效果截图如下:
具体代码如下:
实现思路:HTML里只需要一个CANVAS元素,Javascript里操作canvas
1、给canvas里绘制背景图片
2、在绘制半径为0-10px的圆形,x坐标屏幕水平随机,y所标竖直大于屏幕高度。
圆形背景色可以是随机,那就是各种色彩了!
利用计时器控制y--
构建html
<
Meta charset="UTF-8">
<
Meta name="Generator" content="EditPlus®">
<
Meta name="Author" content="">
<
Meta name="Keywords" content="">
<
Meta name="Description" content="">
5多个小球往上运动