随机颜色九九乘法表格样式js代码

来源:https://www.sucaihuo.com/js/2134.html 2017-06-09 20:57浏览(1222) 收藏

随机颜色九九乘法表格样式js代码,原生js实现每次刷新产生随机颜色的9x9乘法表网页特效。
随机颜色九九乘法表格样式js代码
分类:其它特效 > table表格 难易:入门级
查看演示 下载资源 下载积分: 10 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script>
	window.onload = function(){
		var oTable = document.getElementsByTagName("table")[0];
		var sColor =["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
		for(var i=1; i<10; i++){
			var oTr = document.createElement("tr");
			for(var j=1; j<10; j++){
				var nColor = "#";
				for(var n=0; n<6; n++){
					var nRandom = parseInt(Math.random()*sColor.length);
					nColor += sColor[nRandom];
				}
				if(j<=i){
					var oTd = document.createElement("td");
					oTd.innerHTML = j +"*"+i+"="+i*j;
					oTd.style.backgroundColor = nColor;
					
				}
				oTr.appendChild(oTd);
			}
			oTable.appendChild(oTr);
		}
	}	
	</script>
标签: 九九乘法表
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2