使图像淡入

Making images fade in

本文关键字：淡入 图像      更新时间：2023-09-26

我有一些图像，我想不可见，然后在发生某些事件时淡入。我的jQuery工作正常，元素位置正确，我只是无法让元素淡入。

当我输入控制台$('#img1').fadeIn();时，没有任何反应。

.CSS 

img {
  position: absolute;
  border-radius: 20px;
  height: 195px;
  width: 300px;
  opacity: 0;
}
#img1 {
  left: 270px;
}
#img2 {
  right: 270px;
}

使用 display: none; 代替opacity: 0;

http://jsfiddle.net/rLjz1rv0/

删除不透明度：0，并替换为

visibility: hidden;

使用 fadeTo

$('#img1').fadeTo( 'slow', '1')

演示 - http://jsfiddle.net/rLjz1rv0/1/

相关文章：