向上和向下滑动菜单CSS

时间:2014-12-27 15:30:47

标签: html css jscript

我无法找到我想做的事情的解决方案。我发现的任何教程都太多或太复杂。

我想制作一个向下滑动的底部菜单,当它关闭时有一些文本,如果你点击文本/链接,css ID将会改变,它会出现。我刚刚开始深入研究动态网页的世界。

HTML

<div id="foot"> <font color="white">Down</font>

CSS

#foot {
position: fixed;
bottom:0px;
width: 99.1%;
height: 30%;
background-color: black;
text-align: center;
}
\/ When the menu is down
#footdown {
position: fixed;
bottom:0px;
width: 99.1%;
height: 4%;
background-color: black;
text-align: center;
}

http://jsfiddle.net/w7pc786a/

0 个答案:

没有答案