`

一个简单的下拉菜单

dd 
阅读更多
先看图：




<!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>
  • 大小: 4.8 KB
分享到：
| 关于一个大map和多个小map的性能对比
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    swift-DropMenuView一个简单下拉菜单Demo

    Swift-DropMenuView是一个用于iOS应用开发的简单下拉菜单组件。这个Demo是用Swift编程语言编写的，展示了如何在你的应用中实现一个易于使用的、自定义的菜单控件。下面我们将深入探讨这个Demo中的关键知识点，以及...

    ios-简易下拉菜单.zip

    在iOS开发中，创建一个简易下拉菜单是一个常见的需求，特别是在设计用户友好的交互界面时。这个"ios-简易下拉菜单.zip"压缩包可能包含了实现这一功能的相关代码和资源文件。下面，我们将深入探讨如何在iOS应用中构建...

    二级下拉菜单的简单做法

    在提供的压缩包文件“二级下拉菜单的简单做法.xls”中，你可以找到一个实际操作的例子，通过查看和实践，可以更深入地理解和掌握这一技巧。记得将Excel设置为兼容模式，以便在不同版本的Excel中都能正常工作。通过...

    Qt简单方法实现下拉列表菜单

    在这个场景中，我们可以使用`QPushButton`和`QWidget`来构造一个简单的下拉菜单，它允许用户展开多级菜单进行选择。下面将详细介绍如何实现这样的功能。 首先，我们需要理解`QPushButton`是Qt提供的一种基本控件，...

    wincc 下拉菜单制作

    通过本文介绍的方法，你可以轻松地在WinCC环境中创建一个功能齐全的下拉菜单。这对于提高界面的交互性和可用性具有重要意义。希望本文能对你有所帮助，如果在实际操作过程中遇到任何问题，欢迎随时交流讨论。

    超牛的AJAX下拉菜单（调用即可用）

    总的来说，这个资源提供了一个高效且兼容性强的AJAX下拉菜单解决方案，通过简单的CSS样式调整，可以轻松融入到各种网页设计中。对于前端开发者来说，这是一个方便的工具，能够提升他们的开发效率，同时为用户带来...

    dreanweaver下拉菜单全攻略，下拉菜单互动

    在Dreamweaver中创建下拉菜单是网页设计过程中的一个重要环节，这有助于提供直观的导航结构，让访客能够轻松地访问网站的各个部分。本文将深入探讨如何在Dreamweaver中实现下拉菜单的创建及其实现互动的详细步骤。 ...

    简单的下拉菜单提供大家下载

    在IT领域，下拉菜单是一种常见的用户界面元素，它在网页设计、软件开发以及移动应用中广泛应用。下拉菜单能够有效地节省屏幕空间，提高用户体验，同时保持界面的整洁和易于导航。下面我们将深入探讨下拉菜单的设计...

    纯CSS3简易下拉菜单 可为菜单项定义不同颜色

    今天我们要分享的是一款基于纯CSS的建议下拉菜单，它的特点是外观非常简洁，但是由于每一个菜单项都有一条不同颜色的边框，所以看起来也非常漂亮。同时这款菜单可以默认展开菜单项，也可以点击按钮后展开，使用起来...

    网页下拉菜单3种实现

    创建一个基础的下拉菜单结构，可以使用以下代码： ```html &lt;li&gt;&lt;a href="#"&gt;菜单项1 &lt;li&gt;&lt;a href="#"&gt;子菜单项1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;子菜单项2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;菜单项2&lt;/a&gt;&lt;/li&gt; ``` ...

    ASP 简单实现日期下拉菜单

    以下是一个简单的ASP实现日期下拉菜单的例子： 首先，HTML部分包含三个`&lt;select&gt;`元素，分别用于年、月和日的选择。每个`&lt;select&gt;`都有一个唯一的ID，分别是`tYEAR`、`tMON`和`tDAY`。当用户在年或月的下拉菜单中...

    android 简单粗暴的下拉菜单

    在Android开发中，创建一个简单粗暴的下拉菜单是一个常见的需求，这通常涉及到用户界面交互和自定义视图的设计。下面将详细讲解如何在Android中实现这样的功能。 首先，我们要明白Android中的下拉菜单主要指的是...

    swift-点击出现的下拉菜单简单设置数据源就可以实现效果

    在本篇文章中，我们将深入探讨如何使用Swift来创建一个点击后显示下拉菜单的控件，并通过简单设置数据源来实现这一效果。 首先，我们要了解Swift中的下拉菜单其实是一种自定义视图，通常基于UIView或者...

    简单DWR动态下拉菜单

    在这个主题“简单DWR动态下拉菜单”中，我们将深入探讨如何利用DWR来创建一个动态更新的下拉菜单，该菜单可以根据用户的选择即时从服务器获取并显示数据。 首先，DWR的核心是其反向Ajax（Reverse Ajax）技术，它...

    swift-自定义下拉菜单创建下拉菜单对象即刻使用

    本文将深入探讨如何在Swift中创建一个自定义的下拉菜单对象，并立即投入使用，同时，我们将不依赖任何美工提供的背景图片，完全通过代码实现。 首先，我们需要了解下拉菜单的基本概念。下拉菜单通常包含一个触发...

    弹出下拉菜单

    一个简单的下拉菜单通常包含一个触发器（通常是按钮或链接）和隐藏的子菜单。例如： ```html 下拉菜单 ;"&gt; 子菜单项1 子菜单项2 子菜单项3 ``` 接下来，我们用Jquery来添加事件监听器。在页面加载完成后...

    用Dreamweaver制作下拉菜单

    至此，一个基本的下拉菜单已经制作完成。保存HTML和CSS文件，然后在浏览器中预览，你会发现鼠标悬停在主选项上时，相应的子菜单会自动滑出。 在实际应用中，你可能需要根据具体需求调整样式和功能，例如添加更多...

    js简单下拉菜单

    js实现简单的下拉菜单

    网站后台下拉菜单

    在提供的压缩包中，可能包含了一个简单的下拉菜单实现示例。这个示例可能包括以下文件： 1. HTML文件：通常命名为`index.html`，它包含了下拉菜单的HTML结构，比如`&lt;ul&gt;`和`&lt;li&gt;`元素，以及可能的`&lt;a&gt;`标签来表示...

    自定义下拉菜单界面仿systemui的下拉菜单

    - **方式 3：通过floating window**：这是一种较为简单快捷的方法，可以通过创建悬浮窗应用来实现自定义下拉菜单的功能。 总结而言，自定义SystemUI的下拉菜单是一项复杂但极具挑战性的任务。通过对上述步骤的详细...

Magicbox
Global site tag (gtag.js) - Google Analytics