Jquery鼠过>淡in/out//单>透明度的100%//其他的点击->60透明度

Question

Iam工作的网站上有能力和缩略图。

当该网页载的所有缩略必须以对60％的透明度。只要你去用你的小鼠在一个拇指也需要消失的100%，如果你移动你的小鼠出的缩略需要褪色的回了60％的透明度。

当用户击它的缩略必须留在100％的透明度。尽快户击的另一个缩略"老"的缩略已经消失回到60%和"新的"一个必须保持在100%。(它已经拥有100％的透明度，因为你跟你的小鼠在它)。

这是我迄今为止:

$(window).bind("load", function() {
$("#mycarousel li").fadeTo(1, 0.6);

$("#mycarousel li").hover(function(){
    $(this).fadeTo(350, 1.0);
    $(this).addClass('Active');
    },function(){
    $("this:not('.Active')").fadeTo(350, 0.6);
});
});

任何帮助，将不胜感激。

Greatings, Bas

Answer 1

$(window).bind("load", function() {
    var activeOpacity   = 1.0,
        inactiveOpacity = 0.6,
        fadeTime = 350,
        clickedClass = "selected",
        thumbs = "#mycarousel li";

    $(thumbs).fadeTo(1, inactiveOpacity);

    $(thumbs).hover(
        function(){
            $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) {
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
        });
     $(thumbs).click(function() {
         // Remove selected class from any elements other than this
         var previous = $(thumbs + '.' + clickedClass).eq();
         var clicked = $(this);
         if(clicked !== previous) {
             previous.removeClass(clickedClass);
         }
         clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
     });
});