gpt4 book ai didi

javascript - 菜单从左侧滑出

转载 作者:行者123 更新时间:2023-11-28 09:00:17 24 4
gpt4 key购买 nike

我需要一些帮助。

导航到此网站:http://www.webeffectual.com/

您可以在网站的左上角看到三条白线。当您将鼠标悬停在这些线条上时,会出现三个从左侧滑出的框。当您将鼠标悬停在这些框上时,会出现一个文本。这就是我不知道如何完成的。

到目前为止,这是我的代码:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="Index.css" />
<script type="text/javascript" src="Index.js"></script>
<title>Untitled Document</title>
</head>

<body>
<div id="Menu">
</div>
</body>
</html>

代码只是一个空的 html。 :(而且我的css也是空的

如果您知道如何执行此操作,请发表评论或发送指向解释如何执行此操作的网站的链接。将不胜感激。

对不起,如果我解释得太糟糕了。我来自瑞典,我不太懂英语:3

最佳答案

您实际上可以使用很少的 javascript 来实现这一点。菜单本身有一个固定的位置并且在 Canvas 之外。当“汉堡菜单”(三行)悬停时,显示的类将添加到菜单,使用 transform: translateX 将其向左滑动到 Canvas 上。

这是一个 CodePen 示例:http://codepen.io/bwalker8038/pen/MYWXdx

关于javascript - 菜单从左侧滑出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26947776/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com