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