js如何从白色变为蓝色？-howcanjsgofromwhitetoblue?

2  

Not 100% sure about your excepted outcome but give this a try:

不是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);
})​;​

Try this fiddle: http://jsfiddle.net/fewds/mdamC/228/

试试这个小提琴：http：//jsfiddle.net/fewds/mdamC/228/

1  

Since you are using css3, you may consider using a tranisition effect for the hover, e.g.:

由于你使用的是css3，你可以考虑使用tranisition效果来悬停，例如：

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;
}

And after clicking the link:

点击链接后：

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

JSFiddle

的jsfiddle

0  

i would go with @elclanrs suggestion but in your code wondering why you selecting the whole ul instead for each li element

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

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

0  

Instead "hover" i would prefer "mouseenter" and "mouseleave" http://jsfiddle.net/mdamC/226/

相反，“悬停”我更喜欢“mouseenter”和“mouseleave”http://jsfiddle.net/mdamC/226/

    $('ul.showcase li').mouseenter(function() {
        $(this).stop().fadeTo(1,1);
    })
    $('ul.showcase li').mouseleave(function() {
        $(this).stop().fadeTo(1,0.4);
    })