请问各位怎么利用js实现文字与背景反色？

div id='d1' style='color:#336699;font-size:40px'

我们提供的服务有：成都网站建设、网站建设、微信公众号开发、网站优化、网站认证、红塔ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的红塔网站制作公司

xxxx

/div

input type='button' onclick="test()" value='设置反色背景' /

script

function oppositeColor(a){

a=a.replace('#','');

var c16,c10,max16=15,b=[];

for(var i=0;ia.length;i++){

c16=parseInt(a.charAt(i),16);//  to 16进制

c10=parseInt(max16-c16,10);// 10进制计算

b.push(c10.toString(16)); // to 16进制

}

return '#'+b.join('');

}

function test(){

var d=document.getElementById("d1");

//alert(oppositeColor(d.style.color));

d.style.background=oppositeColor(d.style.color);

}

/script

如何使表单文本域中的初使值成选定反色状态

在body中加个onload事件：

body onLoad="javascript:document.form1.key.select()"

form1：表单名称 key 文本域名称

网页编程javascript下拉文本框onChange=""

window.open()打开一个新窗口 this.引用当前对像，这里指向name="select1"的select对像 this.options引用当前的select的option集合 this.selectedIndex引用当前select的option集中被鼠标选中的项（既为反色的项） this.options[this.selectedIndex].value 指向当前select中被选中项的值 onChange 行为，当内容发生变化时触发javascript事件 当你选择不同项的时候，在新窗口中打开所选的网站!

满意请采纳

想把HTML 文件（用户本地运行）中的 JavaScript 部分 放到 服务器上的某个文件

一、常见用法：

F1 显示当前程序或者windows的帮助内容。

F2 当你选中一个文件的话，这意味着“重命名”

F3 当你在桌面上的时候是打开“查找：所有文件” 对话框

F10或ALT 激活当前程序的菜单栏

windows键或CTRL+ESC 打开开始菜单

CTRL+ALT+DELETE 在win9x中打开关闭程序对话框

DELETE 删除被选择的选择项目，如果是文件，将被放入回收站

SHIFT+DELETE 删除被选择的选择项目，如果是文件，将被直接删除而不是放入回收站

CTRL+N 新建一个新的文件

CTRL+O 打开“打开文件”对话框

CTRL+P 打开“打印”对话框

CTRL+S 保存当前操作的文件

CTRL+X 剪切被选择的项目到剪贴板

CTRL+INSERT 或 CTRL+C 复制被选择的项目到剪贴板

SHIFT+INSERT 或 CTRL+V 粘贴剪贴板中的内容到当前位置

ALT+BACKSPACE 或 CTRL+Z 撤销上一步的操作

ALT+SHIFT+BACKSPACE 重做上一步的操作

Windows键+M 最小化所有被打开的窗口。

Windows键+CTRL+M 重新将恢复上一项操作前窗口的大小和位置

Windows键+E 打开资源管理器

Windows键+F 打开“查找：所有文件”对话框

Windows键+R 打开“运行”对话框

Windows键+BREAK 打开“系统属性”对话框

Windows键+CTRL+F 打开“查找：计算机”对话框

SHIFT+F10或鼠标右击 打开当前活动项目的快捷菜单

SHIFT 在放入CD的时候按下不放，可以跳过自动播放CD。在打开word的时候按下不放，可以跳过自启动的宏

ALT+F4 关闭当前应用程序

ALT+SPACEBAR 打开程序最左上角的菜单

ALT+TAB 切换当前程序

ALT+ESC 切换当前程序

ALT+ENTER 将windows下运行的MSDOS窗口在窗口和全屏幕状态间切换

PRINT SCREEN 将当前屏幕以图象方式拷贝到剪贴板

ALT+PRINT SCREEN 将当前活动程序窗口以图象方式拷贝到剪贴板

CTRL+F4 关闭当前应用程序中的当前文本（如word中）

CTRL+F6 切换到当前应用程序中的下一个文本（加shift 可以跳到前一个窗口）

在IE中：

ALT+RIGHT ARROW 显示前一页（前进键）

ALT+LEFT ARROW 显示后一页（后退键）

CTRL+TAB 在页面上的各框架中切换（加shift反向）

F5 刷新

CTRL+F5 强行刷新

目的快捷键

激活程序中的菜单栏 F10

执行菜单上相应的命令 ALT+菜单上带下划线的字母

关闭多文档界面程序中的当

前窗口 CTRL+ F4

关闭当前窗口或退出程序 ALT+ F4

复制 CTRL+ C

剪切 CTRL+ X

删除 DELETE

显示所选对话框项目的帮助 F1

显示当前窗口的系统菜单 ALT+空格键

显示所选项目的快捷菜单 SHIFT+ F10

显示“开始”菜单 CTRL+ ESC

显示多文档界面程序的系统

菜单 ALT+连字号(-)

粘贴 CTR L+ V

切换到上次使用的窗口或者

按住 ALT然后重复按TAB，

切换到另一个窗口 ALT+ TAB

撤消 CTRL+ Z

二、使用“Windows资源管理器”的快捷键

目的快捷键

如果当前选择展开了,要折

叠或者选择父文件夹左箭头

折叠所选的文件夹 NUM LOCK+负号(-)

如果当前选择折叠了，要展开

或者选择第一个子文件夹右箭头

展开当前选择下的所有文件夹 NUM LOCK+*

展开所选的文件夹 NUM LOCK+加号(+)

在左右窗格间切换 F6

三、使用 WINDOWS键

可以使用 Microsoft自然键盘或含有 Windows徽标键的其他任何兼容键盘的以下快捷键。

目的快捷键

在任务栏上的按钮间循环 WINDOWS+ TAB

显示“查找：所有文件” WINDOWS+ F

显示“查找：计算机” CTRL+ WINDOWS+ F

显示“帮助” WINDOWS+ F1

显示“运行”命令 WINDOWS+ R

显示“开始”菜单 WINDOWS

显示“系统属性”对话框 WINDOWS+ BREAK

显示“Windows资源管理器” WINDOWS+ E

最小化或还原所有窗口 WINDOWS+ D

撤消最小化所有窗口 SHIFT+ WINDOWS+ M

四、使用“我的电脑”和“Windows资源管理器”的快捷键

目的快捷键

关闭所选文件夹及其所有父文件夹按住 SHIFT键再单击“关闭按钮（仅适用于“我的电脑”）

向后移动到上一个视图 ALT+左箭头

向前移动到上一个视图 ALT+右箭头

查看上一级文件夹 BACKSPACE

五、使用对话框中的快捷键

目的快捷键

取消当前任务 ESC

如果当前控件是个按钮，要单击该按钮或者如果当前控件是个复选框，要选择或清除该复选框或者如果当前控件是个选项按钮，要单击该选项空格单击相应的命令 ALT+带下划线的字母

单击所选按钮 ENTER

在选项上向后移动 SHIFT+ TAB

在选项卡上向后移动 CTRL+ SHIFT+ TAB

在选项上向前移动 TAB

在选项卡上向前移动 CTRL+ TAB

如果在“另存为”或“打开”

对话框中选择了某文件夹，

要打开上一级文件夹 BACKSPACE

在“另存为”或“打开”对

话框中打开“保存到”或

“查阅” F4

刷新“另存为”或“打开”

对话框 F5

六、使用“桌面”、“我的电脑”和“Windows资源管理器”快捷键

选择项目时，可以使用以下快捷键。

目的快捷键

插入光盘时不用“自动播放”

功能按住 SHIFT插入 CD-ROM

复制文件按住 CTRL拖动文件

创建快捷方式按住 CTRL+SHIFT拖动文件

立即删除某项目而不将其放入 SHIFT+DELETE

“回收站”

显示“查找：所有文件” F3

显示项目的快捷菜单 APPLICATION键

刷新窗口的内容 F5

重命名项目 F2

选择所有项目 CTRL+ A

查看项目的属性 ALT+ ENTER或 ALT+双击

可将 APPLICATION键用于 Microsoft自然键盘或含有 APPLICATION键的其他兼容键

七、Microsoft放大程序的快捷键

这里运用Windows徽标键和其他键的组合。

快捷键目的

Windows徽标+PRINT SCREEN将屏幕复制到剪贴板（包括鼠标光标）

Windows徽标+SCROLL LOCK将屏幕复制到剪贴板（不包括鼠标光标）

Windows徽标+ PAGE UP切换反色。

Windows徽标+ PAGE DOWN切换跟随鼠标光标

Windows徽标+向上箭头增加放大率

Windows徽标+向下箭头减小放大率

八、使用辅助选项快捷键

目的快捷键

切换筛选键开关右SHIFT八秒

切换高对比度开关左ALT+左SHIFT+PRINT SCREEN

切换鼠标键开关左ALT+左SHIFT+NUM LOCK

切换粘滞键开关 SHIFT键五次

切换切换键开关 NUM LOCK五秒

javascript的滤镜使用

CSS中 滤镜的用法 (限IE)

语法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数)

对于在script中使用滤镜,按常规设置style的方式即可：

object.style.filter ="progid:DXImageTransform.Microsoft.滤镜名称(滤镜配置属性)"

滤镜说明：

Alpha：设置透明层次.

blur：创建高速度移动效果，即模糊效果.

Chroma：制作专用颜色透明.

DropShadow：创建对象的固定影子.

FlipH：创建水平镜像图片.

FlipV：创建垂直镜像图片.

glow：加光辉在附近对象的边外.

gray：把图片灰度化.

invert：反色.

light：创建光源在对象上.

mask：创建透明掩膜在对象上.

shadow：创建偏移固定影子.

wave：波纹效果.

Xray：使对象变的像被x光照射一样.

1.滤镜:alpha

语法:

STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,

StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"

说明：

Opacity:起始值，取值为0-100,0为透明，100为原图.

FinishOpacity:目标值.

Style：1或2或3

StartX：任意值

StartY：任意值

例子：filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")

2.滤镜:blur

语法:

STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"

说明：

Add:一般为1，或0.

Direction:角度,0-315度，步长为45度.

Strength:效果增长的数值,一般5即可.

例子：filter:Blur(Add="1",Direction="45",Strength="5")

3.滤镜:chroma

语法:

STYLE="filter:Chroma(Color=color)"

说明:

color:#rrggbb格式，任意.

例子：filter:Chroma(Color="#FFFFFF")

4.滤镜:DropShadow

语法:

STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"

说明:

Color:#rrggbb格式，任意.

Offx:X轴偏离值.

Offy:Y轴偏离值.

Positive:1或0.

例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5.滤镜:FlipH

语法:

STYLE="filter:FlipH"

例子：filter:FlipH

6.滤镜:FlipV

语法:

STYLE="filter:FlipV"

例子：filter:FlipV

7.滤镜:Glow

语法:

STYLE="filter:Glow(Color=color,Strength=strength)"

说明:

Color:发光颜色.

Strength:强度(0-100)

例子：filter:Glow(Color="#6699CC",Strength="5")

8滤镜:Gray

语法:

STYLE="filter:Gray"

例子：filter:Gray

9.滤镜:Invert

语法:

STYLE="filter:Invert"

例子：filter:Invert

10.滤镜:Mask

语法:

STYLE="filter:Mask(Color=color)"

例子：filter:Mask(Color="#FFFFE0")

11.滤镜:Shadow

语法:

filter:Shadow(Color=color,Direction=direction)

说明:

Color:#rrggbb格式.

Direction:角度,0-315度，步长为45度.

例子：filter:Shadow(Color="#6699CC",Direction="135")

12.滤镜:Wave

语法:

filter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)

说明:

Add:一般为1，或0.

Freq:变形值.

LightStrength:变形百分比.

Phase:角度变形百分比.

Strength:变形强度.

例子:filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")

13.滤镜:Xray

语法:

STYLE="filter:Xray"

例子:filter:Xray

HTML图片的hover效果，要求反色效果，图片如下，求大神点拔！！！

如果是h5页面，可使用transform:rotate和border-raidus实现图形定义，hover效果可直接用css3实现，不过内部的图标是需要图片做背景支持的。

如果是普通页面，建议使用热区+javascript方式实现，下面四个按钮做成四张图定位到对应位置，同时做对应另外四张图作为hover效果图，按钮之上覆盖一层透明gif，然后在gif上定义链接热区，因为热区可随意定义形状，所以可实现途中的响应区域，当鼠标移动到某一热区时，脚本控制改变下面对应的按钮图片切换为hover效果图即可

本文标题：javascript反色,javascript颜色代码
分享路径：http://kswjz.com/article/dsdoepi.html