Javascript 如何制作a：逐渐悬停有其他颜色

你好 我的菜单的颜色是

#006699

，悬停时我希望它逐渐变暗 转到颜色

#4796E9

。

---

这可能吗？

这听起来像是你可以用电脑做的事情

---

Ben

是的，您可以使用。CSS技巧有一个教程，叫做jQuery的颜色褪色菜单。

我认为CSS不可能做到这一点。但是你可以通过javascript来实现。在jquery中尝试这种效果。

有人用jquery做的插件可以做到这一点。

使用JavaScript（可以使用jquery animate（）方法轻松实现）或WebKit CSS动画：（注意，此方法仅在WebKit中有效）

我建议使用JavaScript路径——使用jQuery或scriptaculous之类的框架。

---

关于jQuery的动画方法的信息如下：

您也可以使用CSS3实现它（但它可以在除IE9和更低版本之外的所有浏览器上运行）。以下是一个例子：

-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;

你不需要JavaScrip！！！ 通过

CSS3转换

<style>
nav {
  transition: background-color 0.5s ease;
  background-color: #006699;
  color: white;
}

nav:hover {
  background-color: #4796E9;
}
</style>


<nav>
  <h1>This menu changes color GRADUALLY on mouse-hover</h1>
</nav>

导航{
过渡：背景色0.5s；
背景色#006699；
颜色：白色；
}
导航：悬停{
背景色：#4796E9；
}
鼠标悬停时，此菜单会逐渐改变颜色

---

看看我的工作代码笔：

fadeIn（）只影响元素的不透明度，并用于显示隐藏的元素。马克，你是对的，fadeIn不是正确的效果，但关键是jquery将解决这个问题。谢谢你的降级。@notrious2tall看看我的回答，不需要Javascript！！！看看我的回答，现在是2017年，我认为公平地说，这是唯一真正好的、可接受的解决方案：）