加载 HTML 页面时手电筒短促闪烁

Question

我是 Javascript 和 HTML 的新手，所以请帮助我。 接下来是我的问题（您可以在加载我的网站时观看它https://treasure-island.fun ）。 所以如果你没有看到问题，我会解释：当你加载页面时，你可以看到所有“捐赠”菜单都在闪烁。 在我的 JS 代码中，我有onLoad()函数，它隐藏了除一个菜单之外的所有菜单。 但是我怎样才能让它停止闪烁呢？ 泰格斯。

这是隐藏所有的脚本

<script>
    function hide_all(id_not_to_hide){
        document.querySelectorAll('.donation').forEach(function(el) {
            el.style.visibility = 'hidden';
        });
        document.querySelectorAll(id_not_to_hide).forEach(function(el) {
            el.style.visibility = 'visible';
        });
    }
</script>

这是我的 onload in 标签：

<body onload="hide_all('#topographic-donation')">

Answer 1

现在你所拥有的是：你的默认状态是所有.donation元素都是可见的。 加载页面后，您将隐藏除一个之外的所有其他内容。

只需在默认情况下使元素不可见，并在主体加载时，使单个元素可见。

加载 HTML 页面时手电筒短促闪烁

问题描述

1 个解决方案

解决方案1
0 2022-12-16 09:37:14

加载 HTML 页面时手电筒短促闪烁

问题描述

1 个解决方案

解决方案1 0 2022-12-16 09:37:14

解决方案1
0 2022-12-16 09:37:14