纯js可以淡入和淡出匀速。

图像在匀速和淡出时的效果如下：

渐明

{ *
保证金：0；
填充：0；
}
{ div
边境：2px固体# AAA；
}
{ IMG
宽度：300px；
身高：300px；
滤镜：alpha（不透明度：30）；
不透明性：3；
保证金：0汽车；
}

varα= 30；
VaR img = document.getelementbyid（IMG）；
IMG。onmouseover =函数（）{
（100）startmove
}；
IMG。onmouseout=函数（）{
（30）startmove
}
VaR的定时器；
功能startmove（焦油）{
VaR img = document.getelementbyid（IMG）；
ClearInterval（定时器）；
定时器= setInterval（）{（）函数（
VaR迈跃= 0；
迈跃=α＜tar5：- 5；
如果（alpha =焦油）{
ClearInterval（定时器）
}
别的{
α+ =迈跃；
IMG。风格。过滤器=Alpha（透明度：+α+）；
Img.style.opacity=alpha/100;
}
}，30）
}

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。