Javascript - 淡入淡出图像?

时间:2016-12-01 15:22:25

标签: javascript css fadein

你好我有一个按钮,当它悬停在它上面会改变一个div的背景图像(我有多个按钮对同一个div做同样的事情) 当我将鼠标悬停在按钮上时,而不是图像突然出现在屏幕上,我希望它们能够淡入 如果没有jQuery,有人能指出我正确的道路吗

这是我的代码:

{1..p}

提前谢谢

2 个答案:

答案 0 :(得分:0)

JQuery有一个fadeIn效果,这可能对你有帮助。 http://www.w3schools.com/jquery/jquery_fade.asp

答案 1 :(得分:0)

你可以在CSS中transition背景图片

transition: background-image 1s linear

大多数浏览器都支持此功能(我认为它正在推广到Firefox /不确定IE)。

将不同的类添加到" hover-change"元素取决于悬停的元素允许您应用不同的图像。