0

私の例では、div をフェードインまたはフェードアウトさせたいのですが、要素に .fadeIn(2000) または .fadeIn(slow) を追加すると、機能しません。誰かがこれについて私をどのように助けることができますか

http://jsfiddle.net/slider2nl/aCdRW/3/

var currPage = 'main';
function showPage(id) {
if (currPage !== null) {
    document.getElementById(currPage).style.display = 'none';
}
currPage = id;
document.getElementById(currPage).style.display = 'block';
}

var lastMove = new Date().getTime();
document.onmousemove = function() {
lastMove = new Date().getTime();
}
setInterval(function() {
var now = new Date().getTime();
if (now - lastMove > 10000) {
    showPage('main');
}
}, 1000);
4

1 に答える 1

0

私はあなたを更新しました: Fiddle

ご覧のとおり、メインは 2 秒後に表示され、上部のリンクのいずれかに移動すると、ページが表示されます。

var currPage = 'main';
function showPage(id) {
    if (currPage !== null) {
        $("#"+currPage).fadeOut(500);
    }
    currPage = id;
    $("#"+currPage).fadeIn(500);
}

var lastMove = new Date().getTime();
document.onmousemove = function() {
    lastMove = new Date().getTime();
}
setInterval(function() {
    var now = new Date().getTime();
    if (now - lastMove > 60000) {
        showPage('main');
    }
}, 1000);

$(document).ready(function () {
$('#main').hide();
$('#main').delay(2000).fadeIn(500);

});
于 2013-06-14T11:15:29.450 に答える