jQuery单击div更改背景颜色

jQuery单击div更改背景颜色

jQuery动态更换背景颜色,代码很简单,使用jQuery中的css background属性,即可实现。

淘建站为您提供更多_其它特效_动画效果_背景_background,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 111 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

点击区域

<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);
});

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/893.html
jQuery单击div更改背景颜色 希望对你有帮助,感谢您的支持!
  • Simplax彩色背景插件

    Simplax彩色背景插件

  • jQuery背景可移动的云插件

    jQuery背景可移动的云插件

  • jQuery粒子动态背景特效

    jQuery粒子动态背景特效

  • jquery仿百度首页背景换肤代码

    jquery仿百度首页背景换肤代码

  • anime.js动画引擎制作酷炫网页背景动画特效

    anime.js动画引擎制作酷炫网页背景动画特效

  • jquery实现点击图片改变页面背景图的方法

    jquery实现点击图片改变页面背景图的方法

  • jQuery带视差背景的搜索框页面代码

    jQuery带视差背景的搜索框页面代码

  • 非常简单的倒计时,代码非常少,样式背景可以自己改

    非常简单的倒计时,代码非常少,样式背景可以自己改

  • 全屏背景 jQuery

    全屏背景 jQuery

  • jQuery点击切换背景图片代码

    jQuery点击切换背景图片代码

  • 滚动屏幕,背景图不变,顿时让你的网页高大上

    滚动屏幕,背景图不变,顿时让你的网页高大上

  • jquery color颜色变化插件设置背景颜色变化透明图片变色...

    jquery color颜色变化插件设置背景颜色变化透明图片变色...

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2