web学习(1)--粒子发生器(web入门)

          博主也是刚刚开始学习web网页制作，先推荐一个学习web的好地方http://www.w3school.com.cn，里面HTML,CSS,JavaScript都有详细的教程。

      先上一个效果图：(这是个动图，泡泡会往四周扩散)

由于是初学，所以注释很详细，上代码：

HTML:（注意js文件的名字和所放位置，如果和我命名的不一样，注意在第六行修改）

JavaScript:

var Model=function(canvas){    //传参 画布
	var me=this;
	me.puppleArr=new Array();       //泡泡数组
	me.puppleNum=100;              //泡泡个数
	me.canvas=canvas;              //获取画布元素
	me.context=canvas.getContext('2d');      //获取用于在画布上绘图的环境
	
	
	for(var i=0;i