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

这是一个小提琴：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;
}

Answer 2

试试这个：

HTML

<div class="wrap">
    <img class="tut_select" src="./images/desktop.png">
</div>

CSS

.wrap { opacity:0 } 
.wrap:hover { opacity:1 }

当在jquery上空盘旋时，图像不会变得不透明

2 个答案: