Javascript js如何从白色变为蓝色？

我正在尝试制作一个菜单，当您将鼠标悬停在其他菜单项上时，会从白色变为蓝色。我想用不透明，但运气不好，你有什么建议

HTML

​ JS

---

我同意@elclanrs的建议，但在您的代码中，我想知道为什么您为每个li元素选择整个ul

$('ul.showcase li').hover(
  function() {
    $(this).fadeTo(500, 1);
}, function() {
    $(this).fadeTo(500, .8);
})​

我更喜欢“鼠标悬停”和“鼠标悬停”

---

不是100%确定你的预期结果，但尝试一下：

$("li").css('opacity', '0.40');
$(".selected").css('opacity', '1');

$('ul.showcase > li').hover(function () {
    $(this).stop().fadeTo(500, 1);
}, function () {
    $(this).not('.selected').stop().fadeTo(500, 0.40);
})​;​

---

试试这个小提琴：

因为你使用CSS3，你可以考虑使用悬停效应来实现悬停，例如：

nav ul li a:hover{
    -webkit-transition: background-color linear 1s;
    -moz-transition: background-color linear 1s;
    -ms-transition: background-color linear 1s;
    transition: background-color linear 1s;
    background-color: #43AEF2;
    padding:15px;
    color:white;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

点击链接后：

$('ul li a').on('click',function(){
    $(this).parents('ul').find('li a').removeClass('current');
    $(this).addClass('current');
});

---

你只需要css问题标题就可以做到：js如何从白色变为蓝色？考虑措辞。对不起，我张贴了不正确的JSFIDLE。我想说的是，你只想在cssI中得到的东西并没有足够清楚地表明我的观点。Js，即javascript语言，不能从白色变为蓝色。您希望js使某些DOM元素从白色变为蓝色。标题应该类似于“使用jQuery设置颜色动画”（需要jQuery插件）。几乎达到预期效果，但如何让菜单项（在示例中，数字1,2,3,4,5）始终变为黑色而不是灰色？@cMinor您是在谈论文本（即数字1,2,3,4,5）还是其他内容？是的，如何将文本保持为黑色，而不使其变为灰色？澄清一下，您永远不希望文本变为灰色，因此在您将鼠标悬停在文本上后，文本始终为黑色？我认为这是不可能的，因为文本包含在设置不透明度的元素中，这意味着其中的所有元素基本上都有一个不透明层。这就是为什么字体颜色看起来是灰色的。

$("li").css('opacity', '0.40');
$(".selected").css('opacity', '1');

$('ul.showcase > li').hover(function () {
    $(this).stop().fadeTo(500, 1);
}, function () {
    $(this).not('.selected').stop().fadeTo(500, 0.40);
})​;​

nav ul li a:hover{
    -webkit-transition: background-color linear 1s;
    -moz-transition: background-color linear 1s;
    -ms-transition: background-color linear 1s;
    transition: background-color linear 1s;
    background-color: #43AEF2;
    padding:15px;
    color:white;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

$('ul li a').on('click',function(){
    $(this).parents('ul').find('li a').removeClass('current');
    $(this).addClass('current');
});