让div自动改变不透明度的可能性?

时间:2016-04-22 17:04:27

标签: opacity

对于我的投资组合网站,我有这个想法,我希望主页上所有缩略图的不透明度自动增加和减少。因此,当加载网站时,简短地显示缩略图1,在它再次变为空白之后不久,并且该过程继续另一个缩略图,例如缩略图6,依此类推。是否有人之前已经做过这件事,或者知道如何实现这个想法?

非常赞赏任何评论!

1 个答案:

答案 0 :(得分:0)

你的问题是一个很长的脚本,需要大量的测试,但我会给你一些指示。

延时

    var delay=1000; //1 second

setTimeout(function() {
  //your code to be executed after 1 second
}, delay);

这是您放置自己喜欢的功能的简单部分。 Jquery对这些任务有一个巧妙的把戏

.fadeTo( duration, opacity [, complete ] )

$("#ID")。fadeTo(" slow",0.33);

唯一剩下的就是制作一个环绕着你所有拇指并使它们淡入淡出的循环。

希望这有帮助。