我有一个简单的网站,只有几个页面,包括“库存商”和“联系人”。我认为通过将这些设置为在主页加载时隐藏的 div 并在单击相应的菜单项时显示出来,使用 'onclick="showStockists()" 运行一个基本上只是更改 div 的函数,我认为我很棘手' 不透明度和 z-index。
这一切都有效,看起来很棒,但是当我意识到我不认为我可以从外部链接到这些“状态”时,我有点失败了,即:向某人发送指向库存商页面的链接。有没有办法让链接(例如 mysite.com/stockists)在页面加载时以某种方式运行“showStockists()”函数?还是我在做梦并且以一种非常复杂的方式做到了这一点。
如果有帮助,这就是我拥有它的方式(事实上,该功能还重新隐藏了侧边菜单,该菜单本身在页面加载时隐藏并由汉堡包显示,如果可见,则隐藏联系人“页面”) :
HTML:
<div class="menuItem" onclick="showStockists(); closeNav();">STOCKISTS</div>
JS:
function showStockists() {
sideMenu.style.visibility = "hidden";
stockists.style.opacity=1;
stockists.style.zIndex=2;
contact.style.opacity=0;
}