jQuery动态更换背景颜色,代码很简单,使用jQuery中的css background属性,即可实现。
淘建站为您提供更多_其它特效_动画效果_背景_background,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 111 次
觉得不错,可打赏下作者
免费共享
点击区域
<div id="div_click"></div>#div_click{
width: 300px;
height: 300px;
background-color: #D5D6E2;
margin: 50px auto;
cursor: pointer;
-webkit-transition: background-color 1s;
-o-transition: background-color 1s;
transition: background-color 1s;
}随机切换背景颜色
var colors = ["#f5d76e", "#3ec27f", "#22a7f0", "#d2527f", "#1e824c", "#bf55ec", "#f64747", "#e67e22", "#4b77be", "#be90d4"];
$("#div_click").click(function() {
var n = Math.floor(Math.random() * 10);
var color = colors[n]
$("#div_click").css("background", color);
});

