Splash网站淡出索引

时间:2014-04-02 15:51:09

标签: javascript jquery

我正在使用此脚本在页面之间淡出:

$(document).ready(function() {
    $("body").css("display", "none");
    $("body").fadeIn(650);
    $("a:not([href^='#'])").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(650, redirectPage);      
    });       
    function redirectPage() {
        window.location = linkLocation;
    }
});

我在启动网站上使用此脚本,在4秒后自动重定向到索引页面:

var url ='buchstudio.html';
var delay = 4;
var d = delay * 1000;window.setTimeout ('parent.location.replace(url)', d);

问题是我想让初始网站淡入淡出并在4秒后逐渐淡出并重定向到索引页面,但此刻它只会淡入淡出和点击淡出。我该如何解决这个问题?

谢谢!

2 个答案:

答案 0 :(得分:0)

我不知道是否可以在字符串中使用代码。所以我会遵守规范,并在setTimeout()

中创建一个常规函数
window.setTimeout (function() {parent.location.replace(url);}, d);

答案 1 :(得分:0)

试试这个:

$(function(){
    var url = 'buchstudio.html';
    var delay = 4 * 1000;

    $('body').fadeOut(0).fadeIn(650);

    setTimeout(function(){
        $('body').fadeOut(650, function(){
            window.location = url;
        });
    }, 4000)
});