正文
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";
}
}
