Jquery简单ScreenSaver

Question

大家好，我创建了一个简单的屏幕保护程序，但是我有一个问题，当我让我的鼠标停止时，我需要隐藏一个article并显示另一个，但是当div显示动画停止时，我的问题是什么，我的代码

var mousetimeout;
var screensaver_active = false;
var idletime = 5;

var screenSaver = $("#screenSaverForm");
var formDiv = $("#bodyForm");

function show_screensaver() {
    formDiv.fadeOut(100);
    screenSaver.fadeIn(900);
    screensaver_active = true;
}

function stop_screensaver() {
    screenSaver.fadeOut(100);
    formDiv.fadeIn(900);
    screensaver_active = false;
}

$(document).mousemove(function () {
    clearTimeout(mousetimeout);

    if (screensaver_active) {
        stop_screensaver();
    }

    mousetimeout = setTimeout(function () {
        show_screensaver();
    }, 1000 * idletime); // 5 secs          
});

和div：

<div id="screenSaverForm" style="background-image: url(../../Content/img/screensavers.jpg); position: absolute; width: 100%; height:100%; left:0px; top: 0px; display: none; z-index:9999; display: none;">Example of a DIV element with a background image:</div>

其他div是简单的，如果有任何可以帮助，在显示动画之前，我需要重新加载页面，谁知道怎么做？

Answer 1

您可以尝试在stop_screensaver()之前添加此行；

.
...
if (screensaver_active) {
    location.reload(); //Refreshes the page
    stop_screensaver();
}
...
.

或者，如果您只想滚动到页面顶部：

.
...
if (screensaver_active) {
    $(window).scrollTop(0); //Scroll to top of page
    stop_screensaver();
}
...
.