作者keepery (><)
看板Web_Design
标题[问题] 请问一下用css做下拉水平选单
时间Mon Dec 10 20:59:05 2007
我想用css做像这个一样
http://www.emailcash.com.tw/
例如按赚取e元 下拉选单可以从此按钮左下方开始出现
我去网路上找资料，像这样
#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 5em;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px ;
}
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}
#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
width:500px;
float:left;
}
#menu ul ul li {
float:left;}
div#menu ul ul,
div#menu ul li:hover ul ul,
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
{display: block;}
==================================
<div id="menu">
<ul>
<li><h2><a href="#">公司简介</a> </h2>
<ul>
<li><a href="tjoin.php">历史</a></li>
<li> <a href="sjoin.php">产品</a></li>
</ul>
</li>
</ul>
</div>
由於我想把公司简介摆在首页最右边
但他下拉选单还是从右边延伸出去
不知道怎麽让下拉後的水平选单可以从左边延伸过去...?
谢谢！
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.171.177.16
1F：→ keepery:因为我只会用CSS做...如果有其他方法希望可以讲详细一点 12/10 21:04
2F：→ keepery:我再找资料 12/10 21:05
3F：推 forkome:可以用Dreamweaver的图层，将图层预设成hidden 12/10 23:55
4F：→ forkome:之後使用onMouseOver来显示图层,选项再设onMouseOut为隐藏 12/10 23:56
6F：→ forkome:不过个人还是认为图层方式最简单 12/10 23:58
7F：→ keepery:谢谢你~~~ 12/13 17:20