jQuery单击div更改背景颜色

来源:https://www.sucaihuo.com/js/893.html 2016-07-19 06:45浏览(5513) 收藏

jQuery动态更换背景颜色,代码很简单,使用jQuery中的css background属性,即可实现。
jQuery单击div更改背景颜色
分类:其它特效 > 动画效果 难易:入门级
查看演示 下载资源: 60 下载资源 下载积分: 20 积分

点击区域

<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);
});
标签: 背景background
评论4
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 3楼
    04-21 21:48
    林***a
    好的。。再看看的
  • 头像 板凳
    01-03 14:10
    v***1
    很简单的代码 但是实用,用了 随机数和四舍五入
  • 头像 椅子
    07-20 14:54
    我***呵
    看起来代码挺简单的啊
  • 头像 沙发
    07-20 08:27
    我***站
    好看,真好看!
1 2