在我的垂直幻灯片菜单CS3中添加按钮

Question

我正在尝试创建一个从左侧滑出的菜单，就像您在手机应用或网站上看到的一样。我对CS3中使用的代码知之甚少，但我找到了一个创建动画的代码。但是，我不知道该怎么做是为动画添加按钮。当菜单缩回时，如何使可点击的按钮消失？

这是我的（被盗）代码http://jsfiddle.net/2vLjU/8864/的链接

和这里的代码为懒惰：CSS：

.wrapper {
position: relative;
overflow: hidden;
width: 300px;
height: 1000px; 
border: 0px solid black;}

#slide {
position: absolute;
left: -230px;
width: 300px;
height: 925px;
transition: 1s;}


.wrapper:hover #slide {
transition: 1s;
left: 0;}

Answer 1

现在代码只是动画图像。

我会创建一个id为slide的div。然后在该div中输入您想要导航的任何链接，以便它们随动画一起移动。

如果您希望该图像随之移动，您可以将其设置为background-image而不是使用<img>标记。

希望有所帮助。

<div class="wrapper">
  <div id="slide">
    <a href="#">Link</a>
    <a href="#">Link</a>
    <a href="#">Link</a>
  </div>
</div>