淡入和淡出10个div

Question

在我的例子中，我希望div淡入或淡出问题，如果我将.fadeIn（2000）或.fadeIn（慢）添加到它不起作用的元素。怎么有人可以帮我这个

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

Answer 1

我刚刚更新了您：Fiddle

我希望你能看到，Main会在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);

});