导航背景

Question

我有一个网站，我有一个导航链接，当这些链接悬停在背景图片更改上时，我可以正常工作，您可以看到Here我想要的是当用户离开该链接会返回到页面首次加载时显示原始图像的位置。

这是我的JavaScript：

window.addEventListener("load", function(){
    var nodes = document.querySelectorAll("#mainNav a");
    for(var i=0; i<nodes.length; i++){
        nodes[i].addEventListener("mouseover", function(){
            document.body.setAttribute("data-theme", this.getAttribute("title"));
        });
    }
});

这是html：

<nav id="mainNav">
    <a href="#" title="Page 1">Page 1</a>
    <a href="#" title="Page 2">Page 2</a>
    <a href="#" title="Page 3">Page 3</a>
    <a href="#" title="Page 4">Page 4</a>
</nav>