| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 998 人关注过本帖, 1 人收藏
标题:css下拉菜单
只看楼主 加入收藏
lenvens
Rank: 2
等 级:论坛游民
威 望:1
帖 子:17
专家分:34
注 册:2009-1-12
结帖率:100%
收藏(1)
 问题点数:0 回复次数:3 
css下拉菜单
在firefox下通过
程序代码:
<html>
    <head>
    <title>tt</title>
    <style>
#menulist li a:link ,#menulist li a:visited
{
    width:100px;
    height:20px;
    color:#3b5998;
    line-height:20px;
    text-decoration:none;
}
#menulist li
{
    width:100px;
    list-style:none;
    background:#ffff77;
    color:#3b5998;
    text-align:center;
    border:1px solid red;
}
#menulist li:hover a
{
    width:100px;
    color:red;
}
#menulist li ul
{
    display:none;
}
#menulist li:hover ul {
    display:block;
    position:absolute;
    top:30px;
    width:100px;
    background:blue;
    padding:0px;
    margin-left:-1;
}
#menulist li:hover ul li
{
    display:block;
    background:red;
    list-style:none;
    padding-left:0px;
}
#menulist li:hover ul li a
{
    height:20px;
    display:block;
    background:yellowgreen;
    list-style:none;
    color:red;
}
#menulist li:hover ul li a:hover
{
    height:20px;
    top:50px;
    background:#000;
    list-style:none;
}
        
    </style>
    </head>
    <body>
    <ul id="menulist">
        <li>
        <a href="#">menu</a>
        <ul>
        <li><a href=#>1</a></li>
        <li><a href=#>2</a></li>
        </ul>
        </li>
    </ul>
    </body>
</html>
搜索更多相关主题的帖子: css 
2009-08-18 14:55
mgmt_asp
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:124
专家分:158
注 册:2009-7-26
收藏
得分:0 
IE中怎么没通过呢
2009-09-08 12:07
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:0 
IE中需要js
2009-09-13 09:01
mumuyou
Rank: 2
等 级:论坛游民
帖 子:6
专家分:17
注 册:2009-9-17
收藏
得分:0 
不错啊,手下了,THS

[url=http://www.]温度传感器[/url]
2009-09-17 17:50
快速回复:css下拉菜单
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.037412 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved