首页时间线可以展开收起js

时间线可以展开收起js

时间: 2023-10-01 21:06:50 浏览: 47

当然可以展开和收起时间线，你需要使用 JavaScript 来实现。以下是一个简单的 HTML 和 JavaScript 示例，用于展开和收起时间线： ``` <!DOCTYPE html> <html> <head> <title>时间线展开收起示例</title> </head> <body> <button onclick="toggleTimeline()">展开/收起时间线</button> <div id="timeline" style="display:none;"> <p>这是时间线的内容。</p> <p>这是时间线的内容。</p> <p>这是时间线的内容。</p> </div> <script> function toggleTimeline() { var timeline = document.getElementById("timeline"); if (timeline.style.display === "none") { timeline.style.display = "block"; } else { timeline.style.display = "none"; } } </script> </body> </html> ``` 在这个示例中，我们创建了一个按钮，当用户点击它时，它将调用 `toggleTimeline()` 函数。该函数使用 `getElementById()` 方法获取时间线的 `div` 元素，并检查它是否已经显示。如果时间线是隐藏的，则将其显示，否则将其隐藏。最后，我们将该函数作为 JavaScript 代码添加到 HTML 文件中，以便用户可以点击按钮来展开和收起时间线。