2015-07-19 5 views
0

Привет, ребята, читаю это article Я создаю простую заставку, но у меня есть одна проблема, когда я позволяю моей мыши остановиться, мне нужно скрыть один div и показать другое, но когда div показывает остановку анимации, в чем моя проблема, мой кодJQuery Simple ScreenSaver

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 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> 

Другое ДИВ проста, и если любой может помочь, прежде, чем шоу-анимации мне нужно перезагрузить страницу, любой знает, как это сделать?

ответ

0

Вы можете попробовать добавить эту строку до остановки 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(); 
} 
... 
. 
+0

но как насчет анимации урочище, когда один DIV делает видимым? Я не двигаю мышью, но ее остановка, какая причина? – NoNameR

 Смежные вопросы

  • Нет связанных вопросов^_^