加入收藏 | 设为首页 | 我要投稿 | RSS中药方rss
中药方大全小图标
您当前的位置:首页 > 其他 > 网站日记

[js]随机生成颜色,批量设置

提示: 手机抄药方--选中文字可生成二维码  来源:原创  作者:中药方大全
function randColor(){
    var r=Math.floor(Math.random()*256);
    var g=Math.floor(Math.random()*256);
    var b=Math.floor(Math.random()*256);
    light=r*0.299 + g*0.578 + b*0.114;
    if(light>192 || light<60)return randColor();
    return "#"+("0"+r.toString(16)).slice(-2)+("0"+g.toString(16)).slice(-2)+("0"+b.toString(16)).slice(-2);
}

这是个递归调用的函数,如果颜色太深或者太浅,都排除掉。灰度大于192的太浅,小于60的太深。

$('.wrap').each(function(){
    color=randColor();
    $(this).find(".top,.icon-tel").css("background-color",color);
    $(this).find(".center,.tel-phone").css("color",color);
    
});


引用jquery后,可以这样批量的设置元素的背景色和文字颜色。


相应的php版本为:

<?php
function randColor($sH=60,$bH=192){
   $r=rand(0,255);
   $g=rand(0,255);
   $b=rand(0,255);
   $light=$r*0.299 + $g*0.578 + $b*0.114;
   if($light>$bH || $light<$sH)return randColor();
   return  substr('0'.dechex($r),-2). substr('0'.dechex($g),-2). substr('0'.dechex($b),-2);
}
echo randColor();
?>


tags: 返回顶部
验证码
  • 评论
0条评论
  • 最新评论
推荐资讯
视频:田纪钧讲关节不痛的秘密、膝关节拉筋法
视频:田纪钧讲关节不
白露到了,你还好吗?
白露到了,你还好吗?
尿疗与断食
尿疗与断食
给风疹反复发作女孩的药方(组图)
给风疹反复发作女孩的
相关文章
栏目更新
栏目热门
  1. 帝国cms7.2后台信息列表页批量添加tags
  2. 帝国cms之批量替换字段值
  3. 帝国cms7.2改用百度编辑器
  4. 如何禁止内容关键字替换ALT和A标签中的关键
  5. 帝国cms百度主动推送插件支持分页推送
  6. 显示二维码
  7. 帝国cms插件大全
  8. 帝国cms获取当前页的地址
  9. 【帝国cms插件】之三级联动+伪静态
  10. 帝国cms之egetzy函数