简单的css动画下拉菜单
来源:互联网 发布:销售开单软件 编辑:程序博客网 时间:2024/06/05 05:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
#box{width:200px; height:50px; overflow:hidden; cursor: pointer; transition: all 0.35s;}
#box:hover{height:250px;}
#box ul{list-style:none; margin:0; padding:0;}
#box ul li{width:198px; height:48px; line-height: 50px; text-align: center; border:1px green solid; background:#46A546; color:white;}
</style>
<body>
<div id="box">
<ul>
<li>A</li>
<li>AA</li>
<li>AB</li>
<li>AC</li>
<li>AD</li>
</ul>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
#box{width:200px; height:50px; overflow:hidden; cursor: pointer; transition: all 0.35s;}
#box:hover{height:250px;}
#box ul{list-style:none; margin:0; padding:0;}
#box ul li{width:198px; height:48px; line-height: 50px; text-align: center; border:1px green solid; background:#46A546; color:white;}
</style>
<body>
<div id="box">
<ul>
<li>A</li>
<li>AA</li>
<li>AB</li>
<li>AC</li>
<li>AD</li>
</ul>
</div>
</body>
</html>
0 0
- 简单的css动画下拉菜单
- 简单的CSS下拉菜单
- 简单CSS下拉菜单
- CSS菜单实例:一款简单的CSS下拉菜单
- 一个简单的javascript+css 下拉菜单
- 32.利用UIViewAnimation动画制作一个简单的下拉菜单
- 十分简单的CSS+HTML的下拉菜单
- js+css实现的简单的下拉菜单。兼容性好。
- [JavaScript] JS+CSS 制作超级简单的下拉菜单
- 关于纯css实现简单的下拉菜单
- 纯CSS的下拉菜单
- CSS做的下拉菜单
- HTML+CSS实现简单下拉菜单
- html+css简单下拉菜单制作
- HTML+CSS实现简单下拉菜单
- HTML简单的下拉菜单
- 简单的多级下拉菜单
- 简单的下拉菜单实现
- 物联网究竟为何物?关键技术有哪些?
- 对某个字段相同的值根据另一个字段排序(Oracle数据库)
- WEB消息提醒实现之二 实现方式-基于Iframe的流方式
- 《情感机器》-读书笔记(2)
- NYOJ--86--set.find()--找球号(一)
- 简单的css动画下拉菜单
- SDNU 1061.采药3 二维费用背包
- Android自定义View实现手写签名的功能
- C++小结(一)
- 动态规划在概率论中的应用:产生N种不同结果的概率之间的联系
- 计算缓存
- 实用文章列表
- jQuery对象与DOM对象的相互转换
- RHEL-RH134-UNI2-控制对文件的访问