页面颜色相关

本文介绍了如何使用HTML和JavaScript动态地修改网页中特定元素的颜色。通过实例展示了字体颜色及表格单元格背景颜色的更改方法,并提供了一段生成随机颜色的Java代码。

1.icwh - pr -prjj02a.jsp

这里改变的是 ★ ,字体的颜色,实现代码为:

  <font color="green" id="G43">★</font>

js代码:

document.getElementById("G"+j+""+i+"").color="yellow";(j、i是做循环用)

2.yxtg - pod - wsjjA05main.jsp

这里改变的是一整个td框的颜色,实现代码为:

<%

 String statusColor="";

if(ws01VOShow.getStatus().equals("D")){
          statusColor="bgcolor='red' style='color:white'";
       }
       if(ws01VOShow.getStatus().equals("C")){
          statusColor="bgcolor='blue' style='color:white'";
       }
       if(ws01VOShow.getStatus().equals("B")){
          statusColor="bgcolor='green' style='color:white'";
       }
       if(ws01VOShow.getStatus().equals("R")){
          statusColor="bgcolor='red' style='color:white'";
       }
       
       if(ws04VOShow.getPlanPdiDate().equals("")){
            statusColor="bgcolor='yellow'";
            status = "" ;
       }

%>

页面代码为:

 <td width="5%" <%=statusColor%>><%=status%></td>

注意这里,<%=statusColor%>是写在<td>里面的。

3.由16进制颜色代码向RGB代码转换。

public class color {
        public static void main(String[] args) {
            
                  String r, g, b;
                  Random random = new Random();
                  //random.nextInt(256)  随机产生一个0到256的随机数,不含256
                  r = Integer.toHexString(random.nextInt(256)).toUpperCase();
                  g = Integer.toHexString(random.nextInt(256)).toUpperCase();
                  b = Integer.toHexString(random.nextInt(256)).toUpperCase();

                  r = r.length() == 1 ? "0" + r : r;
                  g = g.length() == 1 ? "0" + g : g;
                  b = b.length() == 1 ? "0" + b : b;
                  System.out.println("#" + r + g + b);
        }
}
 

 

绿豆沙颜色:色调80,饱和度97,亮度205

转载于:https://my.oschina.net/u/3442347/blog/993881

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值