// 获取元素
var openSiteMap = document.getElementById('open-siteMap');
var closeSiteMap = document.getElementById('close-siteMap');
var SiteMap = document.getElementById('siteMap');
var siteMapShadow = document.getElementById('siteMap-shadow');
var siteMapNavigation = document.getElementById('siteMap-navigation');
var footerSiteMap =document.getElementById('footer-siteMap');
// 顶部打开网站地图
openSiteMap.onclick = function(){
    opensitemap();
}
// 底部打开网站地图
footerSiteMap.onclick = function(){
    opensitemap();
}
// 打开
function opensitemap(){
    siteMapShadow.style.display = 'block';
    siteMap.style.width = '400px';
    siteMapNavigation.style.transition = 'right 0.5s';
    siteMapNavigation.style.right = '0px';
    // 按钮关闭网站地图
    closeSiteMap.onclick = function(){
        closesitemap();
    }
    // 阴影关闭网站地图
    siteMapShadow.onclick = function(){
        closesitemap();
    }
}
// 关闭
function closesitemap(){
    siteMapShadow.style.display = 'none';
    siteMapNavigation.style.transition = 'right 0.5s';
    siteMapNavigation.style.right = '-400px';
    siteMap.style.transition = 'width 0.5s'
    siteMap.style.width = '0px';
}