我们的 div #logo 通过 css 设置为 0.8 不透明度:
background:rgba(50,50,50,0.8)
延迟后,#logo 淡化为 0.4,#main-navigation 动画化:
$("#main-navigation").delay(7000).slideUp(1000);
$("#logo").delay(7000).fadeTo(1000,0.4);
当鼠标移动时,#logo 淡化为 0.99,#main-navigation 再次动画:
var c;
$(document).on('mousemove',function() {
$("#logo").fadeTo(1000,0.99);
$("#main-navigation").slideDown(1000);
....
然后设置一个计时器,#logo 帮助应该淡化回 0.4,最后一次为 #main-navigation 设置动画:
....
clearTimeout(c);
c= setTimeout(function(){
$("#logo").fadeTo(1000,0.4);
$("#main-navigation").slideUp(1000);
}, 2000);
});
一切正常,除了将#logo 淡化回 0.4。
任何想法将不胜感激!