如何制作这种效果的网页

来源：百度知道 编辑：UC知道 时间：2024/05/21 09:49:07
颜色分好，点击每一区域颜色有变化的同时会出来方框，显示项目分类，项目进入后是目录式的，效果如www.cliffordchance.com。急需！！！！
中国地图应是按
【华 北】 北京市 天津市 河北省 山西省 内蒙古自治区
【东 北】 辽宁省 吉林省 黑龙江省
【华 东】 上海市 江苏省 浙江省 安徽省 福建省 江西省 山东省
【中 南】 河南省 湖北省 湖南省 广东省 广西壮族自治区 海南省
【西 南】 重庆市 四川省 贵州省 云南省 西藏自治区
【西 北】 陕西省 甘肃省 青海省 宁夏回族自治区 新疆维吾尔自治区
【港澳台】 香港特别行政区 澳门特别行政区 台湾省
颜色分好，点击每一区域颜色有变化的同时会出来方框，显示项目分类，项目进入后是目录式的。参见www.cliffordchance.com

。。。。css做的下拉列表呀。

<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}

#nav {
line-height: 24px; list-style-type: none; background:#666;
}

#nav a {
display: block; width: 80px; text-align:center;
}

#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}

#nav li {
float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
float: left; width: 180px;
background: #F6F6F6;
}

#nav li ul a{
display: block; width: 180px;w