首先我不是很懂颜色，我只能大概给你，但是我不确定是不是能满足你的深色和浅色
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div {
width: 200px;
height: 200px;
background: #C5C5C5;
}
animation {
animation: flash 2s linear 0s both;
-webkit-animation: flash 2s linear 0s both;
}
@keyframes flash {
from {
transform: translate(0, 0)
}
to {
transform: translate(200px, 0)
}
}
@-webkit-keyframes flash {
from {
transform: translate(0, 0)
}
to {
transform: translate(200px, 0)
}
}
</style>
</head>
<body class="body">
<div class="div1"></div>
<div class="div2"></div>
<button type="button">点我</button>
</body>
<script src="//cdnbootcsscom/jquery/1110/jqueryjs" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('button')on("click", function() {
$('div')addClass('animation');
var getRandomColor = function() {
return '#' +
(function(color) {
return(color += '0123401234abcabc' [Mathfloor(Mathrandom() 16)]) &&
(colorlength == 6) color : argumentscallee(color);
})('');
}
var getRandomColor = function() {
return '#' +
(function(color) {
return(color += '5678956789defdef' [Mathfloor(Mathrandom() 16)]) &&
(colorlength == 6) color : argumentscallee(color);
})('');
}
consolelog(getRandomColor())
$("div1")css({
"background":getRandomColor
});
$("div2")css({
"background":getRandomColor
});
})
</script>
</html>
<input type="radio" name="rdoColor" value="red" />背景红
<input type="radio" name="rdoColor" value="green" />背景绿
<input type="radio" name="rdoColor" value="blue" />背景蓝
$("input[name='rdoColor']")change(function(){
$("body")css("background-color",$(this)val())
});
以上就是关于jquery 随机颜色值 并且保证 背景颜色为 深色， 文字颜色为 浅色全部的内容，包括:jquery 随机颜色值 并且保证 背景颜色为 深色， 文字颜色为 浅色、radio框改变背景颜色，用jquery实现、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）