关于Web页中的色彩反转遇到一点问题

简介:

颜色是Web页中很重要的元素,仅次于其内容了。在网页中我们可以使用5种方式来定义颜色,他们是:已命名颜色,#rrggbb格式颜色,#rgb格式颜色、rgb(r, g, b)函数格式颜色和rgb(x%, x%, x%)函数格式颜色。

    其中的r, g, b分别为从0~255之间的数值,在#???[???]格式中,以16进制形式格式表示。在rgb(x%, x%, x%)函数格式中,x的区间是[0, 100]。当我们把同一种颜色,如:黑色。用以上四种方式赋值给HTML元素:

    1、<div style="color: black">黑色</div>

    2、<div style="color: #000000">黑色</div>

    3、<div style="color: #000">黑色</div>

    4、<div style="color: rgb(0, 0, 0)">黑色</div>

    5、<div style="color: rgb(0%, 0%, 0%)">黑色</div>

    这样我们可以使用div元素的currentStyle.color查询到这5种格的颜色,black、#000000、#000和rgb(0,0,0)(rgb(x%, x%, x%)会被自动转换为rgb(r, g, b)输出)。其中后三种颜色我们可以很容易的使用JScript将其Invert,翻转的代码为:

ContractedBlock.gif < script  language ="javascript" > dot.gif </ script >

    可是对于IE4.0支持的140个命名色彩28个系统命名色彩我却还没有想到简单的办法来Invertemsad.gif,暂时想到可以查表,可是一时半会要把它们根据色彩翻转关系对应上也不是件容易的事呀。


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
7月前
|
前端开发
Web进阶:Day1 字体图标、平面转换、空间转换、动画
Web进阶:Day1 字体图标、平面转换、空间转换、动画
32 0
|
7月前
|
机器学习/深度学习
Web进阶:Day2 空间转换、动画
Web进阶:Day2 空间转换、动画
28 0
Web程序“气球”的最大数量
/** @param text String @return Number
48 0
web作业:判断三角形的形状
/** @param s String @return String */
59 0
|
Web App开发 移动开发 前端开发
Web全屏模式轻松掌握[局部元素全屏展示]
全屏功能封装在一个类里面: 我把全屏模式封装在一个类里面,在代码中有详细的注释,如果有需要的话,直接把类拿出来,根据栗子和注释使用即可。 代码在codepen的demo里。 何谓全屏? MDN介绍: 使用提供的API,让一个元素与其子元素,可以占据整个屏幕,并在此期间,从屏幕上隐藏所有的浏览器用户界面以及其他应用。 chrome下的全屏表现: 全屏会隐藏标签栏,书签栏 如果网页一开始不是全部撑开的形式,全屏下,也会将要全屏的元素充满整个屏幕 可以多层全屏,如栗子中一样,可以先左边全屏,然后红色全屏。
526 0
Web全屏模式轻松掌握[局部元素全屏展示]
|
JavaScript 前端开发 C#