javascript - 将鼠标悬停在 jquery 上时，图像不会变得不透明

Question

我需要这两个图像在悬停时淡入，在悬停时淡出。我已经找了几个小时，但没有任何效果。

我目前拥有的:

<script>
    $(document).ready(function(){
        $("#tut_select").mouseenter(function(){
            $(".tut_select").css("opacity","1");
        });
        $("#tut_select").mouseleave(function(){
            $(".tut_select").css("opacity",".8");
        });
    });
</script>

页面:http://pinkpencil.x10.mx/tutorials.php

这是一个 fiddle :http://jsfiddle.net/PinkPencil/TwyE8/

Answer 1

如果没有绝对理由使用 jQuery，为什么不使用一些 CSS？

例子:

img.tut_select {
    opacity: 1;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

img.tut_select:hover {
    opacity: .8;
}