fadein - onmouseover 和 onmouseout 淡入淡出效果

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>