页面退出时的CSS转换

时间:2015-03-31 16:07:17

标签: javascript jquery html css-transitions transitions

嗨,为什么这个

window.onbeforeunload = function (e) {
    document.getElementById('myLink').className = 'out';
}

http://jsfiddle.net/X5vKS/

只能使用某些链接? 它来自一个问题here

我不得发表评论,直到有50名代表。

如果我添加index.html,如果我将完整地址添加到页面www.mywebsite.info/index,它会直接链接而没有转换。它会直接链接而不会进行转换。

但如果我添加google.comyahoo.com等,则可以正常使用。

如果有帮助,我正在使用.info域名。

1 个答案:

答案 0 :(得分:1)

首先,在网站前http://使用href

由于您没有提供太多详细信息,我认为问题是您的页面加载速度太快,以便您看到转换。我建议你在onbeforeunload函数中添加一个超时。

这会增加2秒的超时时间。

window.onbeforeunload = function (e) {

    setTimeout(function(){
        document.getElementById('myLink').className = 'out';
    }, 2000);
}

如果您想在此功能之后等待,请执行此操作 -

window.onbeforeunload = function (e) {

    document.getElementById('myLink').className = 'out';
    setTimeout(function(){
        document.getElementById('myLink').className = '';
    }, 2000);
}

现在,出于安全原因,onbeforeunload并没有提供很多功能,但上面应该为你做。

有关javascript中时间事件的更多信息,请阅读 - http://www.w3schools.com/js/js_timing.asp