Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 身体背景淡入_Javascript_Random_Fadein_Document Body - Fatal编程技术网

Javascript 身体背景淡入

Javascript 身体背景淡入,javascript,random,fadein,document-body,Javascript,Random,Fadein,Document Body,我真的没有关于JS的线索,但需要在我随机的身体背景图像上有一个fadeIn效果。谁能给我指一下正确的方向吗 <script type="text/javascript"> var totalCount = 5; function ChangeIt() { var num = Math.ceil( Math.random() * totalCount ); document.body.background = 'images/'+num+'.jpg'; document.body.

我真的没有关于JS的线索,但需要在我随机的身体背景图像上有一个fadeIn效果。谁能给我指一下正确的方向吗

<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>

var totalCount=5;
函数ChangeIt()
{
var num=Math.ceil(Math.random()*totalCount);
document.body.background='images/'+num+'.jpg';
document.body.style.backgroundSize=“cover”;
document.body.style.backgroundPosition=“center”;
}
谢谢


<!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>
$(文档).ready(函数(){ $(“#图像”).hide(); $(“#单击它”)。单击(函数(){ 函数ChangeIt(){ var totalCount=5; var num=Math.ceil(Math.random(2)*totalCount); 返回num; } var-speed=ChangeIt(); $(“#身体img”).fadeIn(速度,线性); }); }); 去
为了给您指明正确的方向,您可以使用jquery执行fadeIn和fadeOut。
上面是一个可能看起来像什么的例子,我相信它会因您的需要而有所不同,但在经过几个小时令人沮丧的研究后,请查看jquery网站上fadein的文档,它最终归结为以下几点:
不能有透明的背景图像,因此也不能淡入。我的问题的解决方案是用一个白色的全屏div来伪装它。我添加了一个简单的CSS动画,将它的不透明度从1.0减弱到0.0