先看图:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
<style type="text/css">
dl {
float:left;
margin:0 1px 0 0;
padding:0px;
width:150px;
background:#dff;
}
dl dt{
text-align:left;
background:#ddf;
}
dl dd{
text-align:left;
background:#daf;
display:none;
}
dl:hover dd{
display:block;
}
</style>
</head>
<body>
<ul>
<dl>
<dt><a href="#">beijing1</a></dt>
<dd><a href="#">chaoyang1</a></dd>
<dd><a href="#">fengtai1</a></dd>
<dd><a href="#">mentougou1</a></dd>
</dl>
<dl>
<dt><a href="#">beijing2</a></dt>
<dd><a href="#">qinghua</a></dd>
<dd><a href="#">beida</a></dd>
<dd><a href="#">beiyou</a></dd>
</dl>
<dl>
<dt><a href="#">beijing3</a></dt>
</dl>
<dl>
<dt><a href="#">beijing4</a></dt>
</dl>
</ul>
</body>
</html>
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0086/6522/dda23c0c-b5e5-37b3-a947-5673338e9292-thumb.png)
- 大小: 4.8 KB
分享到:
相关推荐
DropMenuView 一个简单下拉菜单Demo
今天我们要分享的是一款基于纯CSS的建议下拉菜单,它的特点是外观非常简洁,但是由于每一个菜单项都有一条不同颜色的边框,所以看起来也非常漂亮。同时这款菜单可以默认展开菜单项,也可以点击按钮后展开,使用起来...
简单的下拉菜单提供大家下载简单的下拉菜单提供大家下载简单的下拉菜单提供大家下载
js实现简单的下拉菜单
二级下拉菜单的简单做法,excel 二级下拉菜单的简单做法方便工作学习
ASP 简单实现日期下拉菜单 ASP 简单实现日期下拉菜单 ASP 简单实现日期下拉菜单
android 简单粗暴的下拉菜单
通过基本控件QPushButton,QWidget,实现下拉菜单,可以展开多级菜单。
一个简易js日期下拉选择菜单
在dreanweaver下制作下拉菜单的图解方法,以及下拉菜单互动
超简单且炫酷的下拉菜单 超简单且炫酷的下拉菜单 超简单且炫酷的下拉菜单 超简单且炫酷的下拉菜单
简单DWR动态下拉菜单
整理了一个js导航,最近正在做这个,其实看起来很简单,但是做起来还是要动下脑筋的,有用的去下载,也是找的别人的
很好用的一个网页下拉菜单,可分级,非常小巧的JS下拉菜单代码,直接插入网相应位置,方便简单。
jquery下拉菜单,简单的下拉菜单。基于jquery写的一个简单的下拉菜单效果,希望对大家有用
点击出现的下拉菜单,简单设置数据源就可以实现效果
下拉菜单的实现,简单易懂,我相信通过这个例子的理解,你就明白下拉菜单的制作原理了
js 特效 html 特效 简单实用的下拉菜单 js 特效 html 特效 简单实用的下拉菜单
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...