0
我試圖重建不復制並粘貼本網站http://paramoredigital.com/僅適用於學習方向。我有菜單過渡的問題,更確切地說,如果您點擊右上角的按鈕菜單將順利顯示,並且我不知道如何在我的代碼中執行此操作。我的代碼https://github.com/Szuchow/paramore-digital。菜單轉換
我試圖重建不復制並粘貼本網站http://paramoredigital.com/僅適用於學習方向。我有菜單過渡的問題,更確切地說,如果您點擊右上角的按鈕菜單將順利顯示,並且我不知道如何在我的代碼中執行此操作。我的代碼https://github.com/Szuchow/paramore-digital。菜單轉換
點擊X並出現菜單。其餘的是造型問題。
$("body").on("click", function() {
$(".menu").addClass("open");
})
body {
padding: 0;
}
.container {
width: 100vw;
height: 100vh;
background: lightblue;
}
.menu {
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: pink;
transition: opacity 1s ease;
width: 100vw;
height: 100vh;
}
.menu.open {
opacity: 1;
}
.toggle a {
font-size: 2em;
text-decoration: none;
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<span class="toggle"><a href="#">X</a></span>
<div class="menu">
<ul>
<li>Option 1</li>
<li>Option 2</li>
<li>Option 3</li>
</ul>
</div>
</div>
在這裏發表您的代碼,並解釋你的問題是什麼更清晰。 – jmargolisvt