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学习