2016-04-22 93 views
0

对于我的投资组合网站,我有这个想法,我希望主页上所有缩略图的不透明度自动增加和减少。因此,当网站加载时,缩略图1会简要显示,不久之后会再次变为空白,并且该过程会继续显示另一个缩略图,例如缩略图6等等。有人曾经这样做过,或者有什么想法如何实现这个想法?是否可以让div自动更改不透明度?

非常感谢您的任何意见!

回答

0

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

对于时间延迟

var delay=1000; //1 second 

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

这里面比较容易的部分的{}你把你喜欢的功能。 jQuery有这样的任务的绝招

.fadeTo(duration, opacity [, complete ]) 

$( “#ID”).fadeTo( “慢”,0.33);

剩下的唯一一件事就是制作一个循环,让你的拇指慢慢变暗并将它们淡入淡出。

希望这会有所帮助。