jquery怎么实现由一张图片渐变成另一张图片

Question

简单说一下原理即可，分不多，拜托拜托

Answer 1

举个例子：假设你已经引入了jquery，而html结构如下：

<div id="icons">
    <img src="test1.jpg">
    <img src="test2.jpg">
    <img src="test3.jpg">
</div>
<div id="tabs">
    <a>按钮</a>
    <a>按钮</a>
    <a>按钮</a>
</div>

那么你的js可以这么写：

$("#tabs>a").click(function(){
    var index = $(this).index();
    $("#icons>img").eq(index).fadeIn().siblings().fadeOut();
});

效果就是，点击第N个"按钮"就渐隐其他图同时渐显第N张图。

Answer 2

用jq效果实现。原理是两张图叠在一起，就只能看到一张。然后慢慢改变上面图片的透明度直到全透明就显示了下面那张。用jq的动画效果改变透明度！

Answer 3

使用 fadeIn和fadeOut函数追问

我知道这个两个函数，但是能说得稍微详细下吗