JQuery案例-隔行变色

最新推荐文章于 2024-10-09 23:31:03 发布

山里没有wifi

最新推荐文章于 2024-10-09 23:31:03 发布

阅读量349

点赞数 7

分类专栏： JQuery 文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/Prague_Cze/article/details/135616877

版权

JQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

该篇文章介绍了如何使用JavaScript在HTML中为列表项设置随机背景颜色，当点击按钮时，奇数索引的元素背景色变为一个随机生成的RGB值，偶数索引元素也是如此。

摘要由CSDN通过智能技术生成

<script>
  $(function () {
    function randomColor() {
      // rbg(255, 255, 255)
      // Math.random() * 256  ->  [0, 256)
      // Math.floor(Math.random() * 256)
      var colorArr = [];
      for (var i = 0; i < 3; i++) {
        colorArr.push( Math.floor(Math.random() * 256) );
      }
      return `rgb(${ colorArr.join() })`
    }

    $('button').on('click', function () {

      $('li:odd').css('background', randomColor())
      $('li:even').css('background', randomColor())
    })

  })
</script>