Question

我想更改元素的颜色（在此示例中，当变量trigger = 1时，称为“块”的100px x 100px正方形从透明变为黑色。下面列出的代码使用按钮。我有其他的javascript （这个代码将被合并到那个确实与触发器一起使用。

任何帮助都将不胜感激。

   <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
      <link rel="stylesheet" href="css/colourswap.css">
    <title>Untitled Document</title>

    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script src="_js/jquery.color.js"></script>
    </head>
    <body>
    <div id="block">Hello!</div>
    <!--button id="go">Simple</button-->
    <script>
    var trigger = 1;
        (function(){
        if (trigger == 1) {
      jQuery("#block").animate({
          backgroundColor: "#000"
      }, 1500 );
      };
    });
    </script>
    </body>
    </html>

Answer 1

如果该块是透明的，您实际上可以使用.show()或.toggle()，例如。

//say if you wanted the block to show when button is clicked
$("#go").click(function(){
    $("#block").toggle();
});

然后默认将块的颜色设置为黑色。

使用变量使用jQuery color.js触发颜色更改

1 个答案: