展示

技巧

对于一条消息记录让他往上走是我通过遍历之前的消息让bottom多加一定的数达到的,每次新消息的bottom都是恒定的50px,以此来模仿消息向上顶的效果。

随机的颜色是通过一个十六进制生成算法来做到的非常简单。

function getRamdomColor() {
	    var result = '#';
	    for (var i = 0; i < 6; i++) {

	        result += Math.floor(Math.random() * 16).toString(16); //获取0-15并通过toString转16进制
	    }

	    return result;
	}

地址

预览

http://yinode.tech/RobotInWeb/

源码

https://github.com/zhangzhengyi12/RobotInWeb