Question

好的，所以我试图建立自己的网站，我需要通过jQuery动画淡入淡出一段。为此，我已经获得了jQuery UI，并且我试图为测试元素的颜色设置动画，但它似乎不起作用。 div的初始颜色是半透明的浅灰色（rgba（191,191,191,0.25）是特定的），我试图将其设置为完全不透明的黑色（＃000000）。我几乎可以肯定我的语法是正确的，但我不确定我是否按照正确的顺序在文档的标题中包含了所有内容。我可以在这里得到一些帮助吗？这是包含的脚本和样式表的代码：

<link rel="stylesheet" type="text/css" href="mainpagestyle.css">

<script src="scripts/jquery-2.2.3.min.js"></script>

<link rel="stylesheet" type="text/css" href="jquery-ui.min.css">
<script src="scripts/jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
<script src="scripts/jquery-ui-1.11.4.custom/jquery-ui.js"></script>

<script src="scripts/mainscript.js"></script>

这里是＆＃34; mainscript.js的代码，＆＃34;如果它与脚本语法有关：

$(".click-leftmenu").mouseup(function() {
    if ($(this).attr("out") == 0) {
        $(this).animate({width: "4em", height: "4em"}, 100);
        $(this).prev().animate({height: "4em"}, 100);
        $(".click-leftmenu[out=1]").prev().animate({width: "0%", height: "0%"});
        $(".click-leftmenu").attr("out", 0);
        $(this).prev().animate({width: "50%"}, 500);
        $(this).prev().animate({height: "40em"});
        $(this).prev().animate({color: "#000000"});
        $(this).attr("out", 1);
    }
});

完整代码可以在这里找到：

HTML

jQuery

Answer 1

使用此选项可为背景颜色设置动画。我不确定其他元素的用途是什么，因为我们没有任何HTML，所以我排除了其余的元素。

$(document).on("click", ".click-leftmenu", function() {
  $(this).animate({
    backgroundColor: "#000000"
  }, 1500);
});

如何将元素的颜色从一种颜色设置为另一种颜色？

1 个答案: