加载屏幕例如

我的HTML：加载屏幕例如

<html> 
<head> 
    <link rel="stylesheet" href="C:\Users\coeconsultant3\Desktop\Loadingexample\abccss.css"> 
    <title></title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

    <script type="text/javascript"> 
     $(window).load(function() { 

      $("#loader").fadeOut("slow"); 

     }) 
    </script> 

</head> 
<body> 
    <div id="loader"></div> 
    <div id="page1"> 
     <p> 
      <h1>Hello World !!! 
      </h1> 
     </p> 
    </div> 
</body> 
</html>

CSS装载机：

#loader { 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    z-index: 9999; 
    background: url('C:/Users/coeconsultant3/Desktop/Loadingexample/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); 
}

我已经使用脚本，做不同的行为：

当我使用divid = loader，它显示直接的问候世界。

当我使用divclass = loader，它只显示加载gif图像，并没有通过该页面。

我想知道错误对这一计划

来源

2014-02-05 Yatin

也许你可以提供一个小提琴。 – Knx

什么样的小提琴？ – Yatin

您希望Hello World文本显示为淡入？ – Knx

你的代码工作得很好。和信息$(document).ready()是更好的使用。

你链接你的CSS的方式，我假设你直接打开HTML文件，即通过双击该文件（纠正我，如果我错了）。如果是这种情况，那么你已经纠正你的jQuery链接：

<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

来源

2014-02-05 08:46:36 Bikas

谢谢....这工作 – Yatin

我想这个程序扩展到web服务命中请求和响应...我该怎么办呢我已经发布了一个类似的问题......但没有具体的答案 – Yatin

把我的问题的URL。我会尽力解决 – Bikas

问题：你在函数的末尾缺少分号;

变化

$(window).load(function() { 

      $("#loader").fadeOut("slow"); 

     });

，并添加这也

$(document).ready(function(){ 
    $("#page1").fadeIn(3000) 
});

别忘了给style="display:none;"div page1

希望它有助于.. !!

来源

2014-02-05 08:41:25

而不是

$(window).load(function() { 
//your code 
});

使用

$(document).ready(function(){ 
//your code 
});

来源

2014-02-05 08:43:56

这给fadeIn效果，你想有：

$(document).ready(function(){ 
      $('body').css('display', 'none'); 
      $("body").fadeIn("slow"); 

});

而且这里有一个Fiddle。

希望这会有所帮助！

来源

2014-02-05 08:45:01 Knx

而不是'$（'body'）。css（'display'，'none'）; $（“body”）。fadeIn（“slow”）;'你可以简单地做'$（'body'）。hide（）。fadeIn（“slow”）;' –

我从来没有想过.hide使代码更简单，更短，谢谢@Ashish库马尔！ =） – Knx

你是最受欢迎的......欢呼声！ –

试试这个：

HTML：

<div id="dvLoading"></div>

CSS：

#dvLoading 
{ 
    background:#000 url(images/loader.gif) no-repeat center center; 
    height: 100px; 
    width: 100px; 
    position: fixed; 
    z-index: 1000; 
    left: 50%; 
    top: 50%; 
    margin: -25px 0 0 -25px; 
}

SCRIPT：

<script> 
$(window).load(function(){ 
    $('#dvLoading').fadeOut(2000); 
}); 
</script>

这里是一个reference and demo。

来源

2014-02-05 08:48:20

两个问题，你的两个场景：

问题1：当您应用类= “装载机”：

这里的问题是，当你使用类= “装载机”你的css适用于div。而在JavaScript您使用$（ “＃装载机”）的代替$（ “装载 ”）

问题2：当你申请ID =“ 装载机”：

这里的问题是你删除class =“loader”并添加id =“loader”，这样你的css将不会被应用到div上。

解决方案： 更新您的分度类如下所述：

<div id="divloader" class="loader"></div>

更新JavaScript如下所述：

<script type="text/javascript"> 
    $(window).load(function() { 

     $("#divloader").fadeOut("slow"); 

    }) 
</script>

来源

2014-02-05 08:55:14 SpiderCode

加载屏幕例如

回答

相关问题