`
xcrn75416
  • 浏览: 6032 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
最近访客 更多访客>>
社区版块
存档分类
最新评论

用javascript实现的WEB色彩参考

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<title> 配色方案参考表 </title>
		<script type="text/javascript">
			function show() {
				var tb = document.getElementById('tb');

				var num = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'];

				var cAll;

				for (var i1 = 0; i1 < 16; i1 += 4){
					for (var i2 = 0; i2 < 16; i2 += 4){
						for (var i3 = 0; i3 < 16; i3 += 4){
							for (var i4 = 0; i4 < 16; i4 += 4){
								for (var i5 = 0; i5 < 16; i5 += 4){
									for (var i6 = 0; i6 < 16; i6 += 4){
										cAll = num[i6] + num[i5] + num[i4] + num[i3] + num[i2] + num[i1];

										var td1 = document.createElement('td');
										var td2 = document.createElement('td');
										td1.innerHTML = '#' + cAll;
										td2.style.backgroundColor = '#' + cAll;
										var tr1 = document.createElement('tr');

										tr1.appendChild(td1);
										tr1.appendChild(td2);

										tb.appendChild(tr1);
									}
								}
							}
						}
					}
				}
			}
			
		</script>
		<style type="text/css">
			body{
				background-color:#000000;
				color:#ffffff;
			}
			#tb{
				margin:0px auto;
				text-align:center;
			}
		</style>
	</head>

	<body onload="show();">
		<table id="tb" width="600">
			<tr>
				<td style="background-color:#ffffff;color:#000000;">Value</td><td style="background-color:#ffffff;color:#000000;">ColorView</td>
			</tr>
		</table>
	</body>
</html>
分享到:
评论

相关推荐

    WEB开发帮助全集(包括Javascript教程、语言参考、源码大全、VBScript语言参考、苏昱系列DHTML手册、html4简明手册、网页设计师、网页制作完全手册)

    JavaScript是一种广泛使用的客户端脚本语言,主要用于网页动态效果的实现。学习JavaScript,你需要理解变量、数据类型、操作符、控制流程、函数、对象和DOM(文档对象模型)操作。此外,还要学习AJAX(异步...

    web前端参考文献.doc.docx

    罗正蓉和范灵在文中提到的CSS技术,帮助开发者实现色彩、字体、布局的统一和响应式设计,使得网页在不同设备上都能良好展示。 3. **HTML5**:作为HTML的最新版本,HTML5引入了许多新的标签和功能,如离线存储、...

    web漂亮的界面参考资料

    "web漂亮的界面参考资料"这个压缩包文件集合了多种资源,旨在为开发者提供灵感和实用的设计元素,帮助他们创建出既美观又功能强大的网页。以下是基于这些文件名称的详细知识点介绍: 1. **Admin Control Panel**: ...

    WEB开发人员参考大全号称最全的htmlcssjava

    "WEB开发人员参考大全"中,可能会涵盖Java的基础语法、面向对象编程、异常处理、网络编程,以及一些流行的Web开发框架的使用方法。 此外,这本书可能还会涉及前端JavaScript技术,因为它是与HTML和CSS结合实现网页...

    经典web开发必备参考资料

    在Web开发领域,掌握一系列核心技术是至关...无论是动态更新内容、管理后台数据,还是美化前端展示,这些参考资料都为Web开发者提供了坚实的基础。持续学习和实践这些技术,将有助于提升开发者的专业素养和项目质量。

    web开发参考手册大全

    本"web开发参考手册大全"包含了多个关键领域的详尽资料,旨在帮助开发者提升技能并提高工作效率。以下是这些手册覆盖的主要知识点: 1. CSS手册2.0和3.0:CSS(层叠样式表)是用于描述HTML或XML(包括如SVG、MathML...

    分享一个仿苹果风格的Web桌面模板~~

    通过使用现代Web技术如jQuery,它能够实现丰富的交互效果,提高用户的满意度。对于设计师和开发者来说,这是一个学习和参考的好资源,也可以直接应用于各种项目中,提升网站的整体视觉效果和用户体验。

    web开发手册(css、vbscript、dhtml、javascript)

    JavaScript是一种广泛使用的解释型编程语言,尤其在Web开发中不可或缺。《javascript5.5.chm》和《vbscyycks1229.chm》可能包含JavaScript的版本5.5或更高版本的相关信息,包括基础语法、变量和数据类型、函数、...

    Web前端开发规范手册参考.pdf

    在文档《Web前端开发规范手册参考.pdf》中,我们可以提炼出许多关于Web前端开发的关键知识点。这些内容涵盖了HTML、CSS、JavaScript以及图片资源的使用等。 首先,文档提到了HTML文档的结构和规范。HTML是构成网页...

    The Top 40 Free Ajax & Javascript Code for Web Designers

    这个资源集合提供了多种实现Tooltip的方法,包括使用JavaScript、Ajax和CSS。 - **关键知识点**:CSS选择器、JavaScript DOM操作、AJAX数据交换等。 #### 2. 50 Excellent AJAX Tutorials 这个教程集合包含了50篇...

    HTML&JAVASCRIPT参考手册大全

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是网页内容的...这个参考手册大全是Web开发者的重要资源,无论你是初学者还是经验丰富的开发者,都能从中获取有价值的信息,提升你的Web开发技能。

    web模板web主题web按钮

    在"web button"文件中,可能会包含各种样式、大小和状态(如悬停、点击)的按钮设计示例,开发者可以参考并应用到自己的项目中。 使用这些资源,无论是初学者还是经验丰富的开发者,都可以提高工作效率,减少重复...

    JavaScript脚本专业编辑软件

    Antechinus JavaScript Editor 可以使你轻松快速的在网页中插入JavaScript代码。友好的用户界面,快捷的工具栏,...它还具有完整的 JavaScript 参考指南,以及给初学者及进阶使用者使用的多样 JavaScript 的教学工具。

    Web前端开发规范手册参考_web_

    《Web前端开发规范手册参考》是指导Web前端开发者遵循最佳实践的重要参考资料,尤其对初入行业的新人而言,它能帮助他们快速理解和适应专业开发环境,提升代码质量和团队协作效率。本手册通常涵盖了编码风格、项目...

    基于web的网络书城系统的设计与实现,一整套,工程,数据库文件,word,ppt,直接运行

    【网络书城系统设计与实现】是一套完整的基于Web的在线图书销售平台,涵盖了系统设计、开发、数据库管理和用户界面等多个方面。这个项目包括了工程文件、数据库文档、Word报告和PPT演示文稿,提供了从理论到实践的全...

    《基于Web的城科学生综合测评系统设计与实现》

    综上所述,《基于Web的城科学生综合测评系统设计与实现》是一个涵盖多方面技术的综合性项目,涵盖了前端开发、后端编程、数据库管理、系统设计等多个环节,对于学习和理解Web开发流程具有很高的参考价值。...

    Head First Web设计

    根据提供的信息,“Head First Web设计”这一标题及描述与标签均指向了同名书籍的核心内容。尽管部分内容并未直接提供书籍的具体细节,但从标题来看...对于希望系统学习Web设计的人来说,这是一本非常有价值的参考书。

    编程文档(2) JavaScript(3) IE插件管理专家(1) Web设计(1)

    在IT领域,编程文档、JavaScript、IE插件管理和Web设计是四个重要的子领域,它们各自包含丰富的知识体系,下面将分别对这些主题进行详细的阐述。 首先,编程文档是软件开发过程中不可或缺的一部分。它包括需求文档...

    WEB前端项目开发实践

    在提供的“WEB前端项目开发实践_13800379.pdf”文件中,你将详细了解到这些步骤的实施过程,包括示例代码、案例分析和问题解决方案,这对于初学者来说是一份宝贵的参考资料。通过深入学习和实践,你可以不断提升自己...

Global site tag (gtag.js) - Google Analytics