jquery - 如何突出显示事件缩略图？

Question

我想知道如何突出显示此页面上的事件缩略图 http://www.doublezerofilms.com/doublezero-template-webSamples.html所以当它被点击时它停留在鼠标悬停 img 上直到另一个缩略图被点击？

这是我用来选择视频的代码，下面是 html，谢谢!

$(document).ready(function () {
    $("#Thumb1").click(function () {
        $("#hidden").hide().html('<iframe src="http://player.vimeo.com/video/38366163?autoplay=1"  width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>').fadeIn(4e3);
        $("#leftsidePlayer").text("This is some text on the consulting video!")
    });

<div class="thumbsWrap">
                        <div>
                            <div id="Thumb1" class="fadehover">
                            <img src="images/thumb1.jpg" alt="" class="a" />
                            <img src="images/thumb1-over.jpg" alt="" class="b" />
                            </div>

                            <div id="Thumb2" class="fadehover">
                            <img src="images/thumb2.jpg" alt="" class="a" />
                            <img src="images/thumb2-over.jpg" alt="" class="b" />
                            </div>

                            <div id="Thumb3" class="fadehover">
                            <img src="images/thumb3.jpg" alt="" class="a" />
                            <img src="images/thumb3-over.jpg" alt="" class="b" />
                            </div>

                            <div id="Thumb4" class="fadehover" style="margin:0px">
                            <img src="images/thumb4.jpg" alt="" class="a" />
                            <img src="images/thumb4-over.jpg" alt="" class="b" />
                            </div>
                        </div>
                    </div>

悬停代码

$(document).ready(function () {
    $("img.a").hover(function () {
        $(this).stop().animate({
            opacity: "0"
        }, "fast")
    }, function () {
        $(this).stop().animate({
            opacity: "1"
        }, "fast")
    })
});

Answer 1

正如我所见，您正在更改不透明度以突出显示缩略图(在您的悬停中)。所以这里有你想要的东西:http://jsfiddle.net/fnfJH/当您点击一个 div 时，它会将已经为 1 的 div 的不透明度更改为 0.5，并将新点击的内容更改为 1。