jQuery的实现代码，将一个图像淡出到另一个图像

jQuery将一个图片淡出到另一个图片，如较低的HTML：

复制代码代码如下所示：





首先，为了确保div的大小与图片的大小相同，div具有另一个背景图，如下所示：

CSS代码：

复制代码代码如下所示：
。褪色
{
背景图像：URL（'images / 2。jpg）；
宽度：300px；
身高：225px；
}


jQuery代码如下所示：

复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（。）。Hover（函数（）{）
$（这）找到（IMG）。停止（真的，真的）。动画（{ 0 }，不透明度：500）；
}函数（）{（）
$（这）找到（IMG）。停止（真的，真的）。动画（{ 1 }，不透明度：500）；
}）；
}）；


完整实现代码：

复制代码代码如下所示：


。褪色
{
背景图像：URL（2 .jpg）；
宽度：300px；
身高：225px；
保证金：0汽车15px；
}

$（文档）Ready（函数（）{）
$（。）。Hover（函数（）{）
$（这）找到（IMG）。停止（真的，真的）。动画（{ 0 }，不透明度：500）；
}函数（）{（）
$（这）找到（IMG）。停止（真的，真的）。动画（{ 1 }，不透明度：500）；
}）；
}）；



作者：jQuery学习