Question

求教网页设计大神帮忙看看，这种效果是怎么做的，看网上代码很郁闷，，，刚入门不懂啊

就是点击按钮，会滑出下面的菜单

Answer 1

通过显示隐藏层就能实现，就是当鼠标移上去以后将层的display改成block

追问

能给点代码么，，入门级，实在是不太懂啊，拜托啦

追答

我现在用的手机呀，没发给你敲，就给你大概说一下吧，在导航菜单加一个onmouseover属性，通过它将下面弹出的层的display改成block，你要代码的话留个邮箱，等我电脑上的时候给你发过去

追问

额，不能留邮箱，你能传云么，今晚上我自己先试试，你有时间的话明天帮忙发一下吧，还有哦，我用的是button不是导航栏，后天就要交作业了，谢谢你啦

追答

Document

*{
margin: 0;
padding: 0;
}
#caidan{
width: 800px;
margin: 50px auto;
}
#caidan ul{
list-style: none;
}
#caidan ul li.mu{
float: left;
width: 90px;
margin-right: 10px;
background: orange;
height: 40px;
text-align: center;
line-height: 40px;
position: relative;
}
.caidan{
width: 180px;

position: absolute;
display: none;
padding-top: 10px;
}
.inner{
background: green;
}

function xianshi1(){
document.getElementById("cd1").style.display = "block";
}

function yincang1(){
document.getElementById("cd1").style.display = "none";
}

function xianshi2(){
document.getElementById("cd2").style.display = "block";
}

function yincang2(){
document.getElementById("cd2").style.display = "none";
}

网站栏目

子项目
子项目
子项目
子项目

网站栏目

子项目
子项目
子项目
子项目
子项目
子项目
子项目
子项目

网站栏目
网站栏目
网站栏目
网站栏目
网站栏目
网站栏目

给你找到了，你试一试吧

Answer 2

先学会熟悉网页设计工具网页设计的需求，然后熟悉基本的使用这些工具，也就是买的书在这方面看到

在PropGOLuxury
BR>网站网页平面设计和裁剪图需要知道的Photoshop中，使用工具书烟花方面，网页代码生成通常更容易使用Dreamweaver，几款软件的书籍在这个问题上，如果你想学习点，学会颜色（色）方面的书籍，具有良好的基本确定。

追问

我后天就要交的期末作业，，我用的vs2010，想用代码实现，请问有办法么