Question

我已经知道如何为加载页面执行“Splash Screen Div”，只需等待所有内容都加载，然后隐藏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' );

});

上面是“加载Splash Screen Div”的一个相当粗略的例子，我不知道还有什么可以称之为，.css导入<head> .js 1}}就在<body>标记结束之前。

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

工作流：

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

要点：

我觉得这只能通过浏览器插件实现，因为：

链接不是另一个div的锚点。例如。 url#div -> url#div2
根据以上所述，鉴于链接指向另一个.html页面，当前显示的内容将根据页面在自然界中的显示方式停止。

请注意：

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

我宁愿没有动画和回调输出链接显示div，然后传入链接将div显示为伪造连贯动画主要是因为除非下载第二页，否则它不会连贯是瞬间的，因为，即使前者是这种情况，太多的代码，因此文件大小将进入一个连贯的动画，无论div显示什么。

任何想法的家伙？我非常难过。

Answer 1

由于您的Javascript位于底部，因此会在页面后异步加载。

<强>的index.html

我不明白为什么你这样嵌套DIV。页面是否会加载徽标元素？

<强> loading.css

将div移出屏幕，它是动画的一部分吗？

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

<强> loading.js

如果要在单击链接后显示元素，只需在没有window.load函数的情况下执行此操作。

http://jsfiddle.net/Etd2D/

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

1 个答案: