传出页面和加载页面上的“Splash Screen Div”

我已经知道如何为加载页面执行“Splash Screen Div”，只需等待所有内容加载完毕，然后隐藏div或将其移出屏幕即可。传出页面和加载页面上的“Splash Screen Div”

E.g.上述

的index.html

<div id="loading-Div"> 

     <div id="bear-Logo"> 

      <div id="target"> 
       <div id="target2"> 
        <div id="bearloop"></div> 
       </div> 
      </div> 

     </div> 

    </div>

loading.css

Just a class called 'fallback' to move the absolute-ly positioned div offscreen.

loading.js

$(window).load(function(){ 

    $('#loading-Div').addClass('fallback'); 

});

是一个相当CRU例如“加载Splash Screen Div”，我不知道还有什么要调用它，<head>中的.css和.js中的标签结束之前导入了.css。

这工作正常，如果你点击一个链接，并希望在页面加载时显示div，但我希望div显示第二个链接点击，直到目标页面加载。

工作流程：

http://i.imgur.com/dIOZSMS.jpg

要点：

我有一种感觉，这是唯一可能与浏览器插件，因为：

链接不是到另一个div的锚点。例如。 url#div -> url#div2
基于上述情况，假设该链接指向另一个.html页面，则当前显示的内容将......基于本质上显示页面的方式停止。

需要注意的是：

这是严格现场内。
我不在乎IE。
这不是作业，也不是客户。我正在学习web开发，并认为这本身就是一个很酷的页面转换，并且无法弄清楚如何很好地完成它。

我宁愿不做有动画和回调送出链路显示DIV，然后导入链接以显示DIV作为伪造连贯的动画，主要是因为它不会是一致的，除非第二页的下载是即时的，因为即使前者是这种情况，代码太多，因此文件大小也会变成任何div显示的连贯动画。

任何想法家伙？我非常沉迷于此。

来源

2013-07-21 tsujp

不！不要使用启动画面！ –

由于您的Javascript是在底部，它会在页面后异步加载。

的index.html

我不明白你为什么嵌套的DIV的方式。网页是否会加载徽标元素？

loading.css

随着移动DIV关闭屏幕，是动画的一部分？

$(".fallback").animate({top: "+=400px", opacity: 0}, 1000);

loading.js

如果你想在点击链接后显示元素，只是做了没有window.load功能。

http://jsfiddle.net/Etd2D/

来源

2013-07-21 09:36:41

div里面的内容是一个SVG（如果我记得）需要3个嵌套div来进行硬件加速的动画。 .css规则主要针对主要div，而不是内部元素。本质上，我要求在多个页面上的div。 – tsujp

传出页面和加载页面上的“Splash Screen Div”

回答

相关问题