用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

js调色板 改变网页皮肤

2012-12-03 作者: 程序猿style举报

[javascript]代码库


<script LANGUAGE="JavaScript">

var hex = new Array(6)<!--定义数组变量-->

hex[0] = "FF"
hex[1] = "CC"
hex[2] = "99"
hex[3] = "66"
hex[4] = "33"
hex[5] = "00"
function display(triplet) 
{
	document.bgColor = '#' + triplet<!--根据输入的triplet,更新窗口的背景颜色-->
	alert('现在的背景颜色代码是: ' + triplet)<!--弹出提示窗口-->
}
function drawCell(red, green, blue) 
{
	document.write('<TD BGCOLOR="#' + red + green + blue + '">')<!--定义小方格内的背景颜色-->
	document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')<!--定义超链接,调用display函数-->
	document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')<!--引用图片-->
	document.write('</A>')
	document.write('</TD>')
}
function drawRow(red, blue) 
{
	document.write('<TR>')
	for (var i = 0; i < 6; ++i) <!--循环6次-->
{
		drawCell(red, hex[i], blue)<!--一行6个小方格内部的颜色差别在于red和blue分量-->
	}
	document.write('</TR>')
}
function drawTable(blue) {
	document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
	for (var i = 0; i < 6; ++i) {<!--循环6次-->
		drawRow(hex[i], blue)<!--每个表格总体的颜色差别在于蓝色分量的不同-->
	}
	document.write('</TABLE>')	
}
function drawCube() {
	document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
	for (var i = 0; i < 6; ++i) {
		document.write('<TD BGCOLOR="#FFFFFF">')<!--定义表格的背景颜色为白色-->
		drawTable(hex[i])<!--循环画出每一个表格-->
		document.write('</TD>')
	}
	document.write('</TR></TABLE>')
}
drawCube()<!--直接调用drawCube()函数-->

</script>

<body>

单击上面的调色板试试
</body>

</html>
<!--本例程实现了调色板的功能-->
<!--颜色的基本构成,以及调配方法-->
<!--超连接的使用-->
<!--弹出窗口的使用-->


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...