Question

我正在寻找一种解决方案，为这行代码添加淡入淡出和淡出效果：

<img src="images/1.jpg" onmouseover="this.src='images/2.jpg'"      
onmouseout="this.src='images/1.jpg'" alt="fade_me" />

有没有人有这么简单的解决方案而不会变得太复杂？谢谢！

Answer 1

嗯，我不知道复杂性，但这很有效。

http://jsfiddle.net/8KFT8/1/

<style>
    .container {
        position: relative;
    }
    .container img {
        position: absolute;
        transition: opacity .5s ease;
    }
    .container img:hover {
        opacity: 0;
    }
</style>

<div class="container">
    <img src="images/2.jpg"/>
    <img src="images/1.jpg"/>
</div>

onmouseover和onmouseout淡化效果

1 个答案: