淡入淡出身体背景

我真的没有关于JS的线索，但需要对我的随机身体背景图像有一个淡入效果。任何人都可以请我指出正确的方向。淡入淡出身体背景

<script type="text/javascript"> 
var totalCount = 5; 
function ChangeIt() 
{ 
var num = Math.ceil(Math.random() * totalCount); 
document.body.background = 'images/'+num+'.jpg'; 
document.body.style.backgroundSize = "cover"; 
document.body.style.backgroundPosition = "center"; 
} 
</script>

谢谢

来源

2013-08-17 no0ne

<!DOCTYPE html> 
<html> 
<header> 
<script> 
$(document).ready(function(){ 
    $("#image").hide(); 
    $("#clickIt").click(function(){ 
     function ChangeIt(){ 
      var totalCount = 5; 
      var num = Math.ceil(Math.random(2) * totalCount); 
      return num; 
     } 
     var speed = ChangeIt(); 
     $("#Body img").fadeIn(speed, linear); 

    }); 
}); 
</script> 
</header> 
<body id="Body"> 
    <img id="#image" src="../apple.png" alt="img"> 
    <button id="clickIt"/> go </button> 
</body> 
</html>

只是为了你指出正确的方向，你可以使用jQuery做淡入淡出和。上面是什么，可能看起来像我敢肯定，这将是您的需求不同，但检查出的文档，研究了几个令人沮丧小时后淡入在jQuery的网站jquery fadein api

来源

2013-08-17 15:41:04

一个例子，它最终归结为如下：
<body>不能有一个透明的背景图像，因此它不能淡入。我的问题的解决方案是伪造一个白色的全屏div。我添加了一个简单的CSS动画，从1.0到0.0不透明度。

来源

2013-08-17 17:32:49 no0ne

淡入淡出身体背景

回答

相关问题