如何用css3实现动态下拉框

html-css015

如何用css3实现动态下拉框,第1张

Axure的浮层无法进行拖拽。浮层的设计很简单，用一个动态面板，做出一个浮层的样子，点击某个按钮或文字时触发显示这个动态面板就OK了。事件的添加就是onclick 然后选择显示你所要显示的动态面板就行了。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<style type="text/css">

/*隐藏下拉列表*/

.list{

display: none

}

/*鼠标移动显示下拉列表*/

.menu:hover .list{

display: block

}

</style>

</head>

<body>

<div class="menu">

<a href="#">下拉菜单</a>

<div class="list">

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

</div>

</div>

</body>

</html>