0

我有 li 元素：

<ul>
  <li><a href="">test 1</a></li>
  <li><a href="">test 2</a></li>
</ul>

我想在悬停时为颜色设置动画，新颜色来自底部。

怎么做？

4

1 回答 1

1

您需要使用这个jQuery 插件来为颜色提供 animate() 功能！

示例用法（从 gi​​thub 页面复制！）

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      background-color:#bada55;
      width:100px;
      border:1px solid green;
    }
  </style>
  <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
  <script src="jquery.color.min.js"></script>
</head>
<body>
  <button id="go">Simple</button>
  <button id="sat">Desaturate</button>
  <div id="block">Hello!</div>
  <script>
    $("#go").click(function(){
      $("#block").animate({
        backgroundColor: "#abcdef"
      }, 1500 );
    });

    $("#sat").click(function(){
      $("#block").animate({
        backgroundColor: $.Color({ saturation: 0 })
      }, 1500 );
    });
  </script>
</body>
</html>
于 2012-05-19T20:16:37.433 回答