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://pwwzsj.com/article/dsidgdg.html