javascript变色,javascript颜色代码

js怎么实现选中后,图标和文字都变色

1、逻辑很简单,如果是图片的话,就是不停地换图片。比如点击女之后,女这块图片变成绿色图片,男那边图片变成黑色图片。

在云龙等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站制作、做网站 网站设计制作按需规划网站,公司网站建设,企业网站建设,高端网站设计,成都全网营销,外贸营销网站建设,云龙网站建设费用合理。

2、如果用符号做逻辑也是一样的,点击之后两个项目都变色,一个变成绿色、另一个变成黑色。

3、具体的JavaScript代码如下图所示。

js实现选中复选框文字变色的方法

本文实例讲述了js实现选中复选框文字变色的方法。分享给大家供大家参考。具体如下:

这里实现选中复选框时,文字加上一个背景色,变通一下,还是很有用的。

运行效果如下图所示:

在线演示地址如下:

具体代码如下:

html

head

title选中复选框文字变色/title

style

.checkbox

{

background-Color:e-xpression(this.checked?'yellow':'buttonface');

}

/style

/head

script

function

chaCloor(field){

var

pig

=

field.checked;

pig?field.nextSibling.style.backgroundColor="skyblue":field.nextSibling.style.backgroundColor="white";

}

/script

body

table

height=48

width=136

tr

tdinput

type="checkbox"

onClick="chaCloor(this)"span网页特效/span/td

/tr

tr

tdinput

type="checkbox"

onClick="chaCloor(this)"span源码下载/span/td

/tr

tr

tdinput

type="checkbox"

onClick="chaCloor(this)"span编程软件/span/td

/tr

/table

/body

/html

希望本文所述对大家的javascript程序设计有所帮助。

如何用js自编变色函数简单地保证列表中只变色一个?

var lastcc = "btitle1";//有输入框,不管多少个,都一点会有btitle1,所以初始值设这个最好了

function listSel(obj) {

if (document.getElementById(obj.name).style.backgroundColor == "white") {

//先变白,就可以避免第一次点击的就是btitle1,而无法变灰

//原先第一次执行下面这句代码时lastcc为 undefined

//document.getElementById(lastcc).style 报错

//alert(lastcc);这句及以下代码没有被执行,所以alert提示undefined

document.getElementById(lastcc).style.backgroundColor = "white";

document.getElementById(obj.name).style.backgroundColor = "silver";

alert(lastcc);//第一次执行的时候

lastcc = obj.name;

document.getElementById("btSel").value = document.getElementById(obj.name).value;

} else {

document.getElementById(obj.name).style.backgroundColor = "white";

alert(lastcc);

document.getElementById("btSel").value = "";

}

}

JavaScript代码:根据当前日期改变颜色

window.onload=function(){

var h=new Date().getHours();

var o=document.documentElement||document.body;

if(h8){

o.style.backgroundColor="red";

o.style.color="white";

}else if(h16){

o.style.backgroundColor="green";

o.style.color="black";

}else{

o.style.backgroundColor="yellow";

o.style.color="brown";

}

}


分享题目:javascript变色,javascript颜色代码
分享路径:http://myzitong.com/article/dsidgdg.html