html展开折叠菜单,纯CSS竖向滑动展开折叠菜单

纯CSS竖向滑动可折叠菜单-www.mb5u.com

#dlmenu {height:10em;}

#menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:15em; background:#fff; z-index:100;}

#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}

#menu li a, #menu li a:visited {display:block; text-decoration:none;}

#menu li dd {display:none;}/*www.mb5u.com*/

#menu li:hover, #menu li a:hover {border:0;}

#menu li:hover dt a , #menu li a:hover dt a {background:#d4d8bd url(top_grad_2.gif) center center; color:#ff0; }

#menu li:hover dd, #menu li a:hover dd {display:block;}

#menu li:hover dl, #menu li a:hover dl {height:15em; background:#b4be9c url(sub_grad.gif);}

#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}

#menu dl {width: 15em; margin: 0; background: #6f9c6f; cursor:pointer;}

#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}

#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }/*www.mb5u.com*/

.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#949e7c url(top_grad.gif) center center;}

.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);}

* html .gallery dd a, * html .gallery dd a:visited {height:1em;}

.gallery dd a:hover {background:#7aa; color:#ff0;}

*www.mb5u.com*/

模板无忧

模板无忧
网页殊效

菜单导航
编程资料

控件组件

Delphi源码
关于我们

mb5u.com

Jscss

html展开折叠菜单,纯CSS竖向滑动展开折叠菜单相关推荐

php下拉框css样式,纯CSS实现的下拉菜单
实现效果实现代码 html Home WordPress Themes Plugins Tutorials Web Design Resources Links Tutorials HTML/CSS ...
html页面 tab JS滑动切换,JS+CSS实现滑动切换tab菜单效果
本文实例讲述了JS+CSS实现滑动切换tab菜单效果.分享给大家供大家参考.具体如下: 这是风格简单的一款JS+CSS滑动门特效代码,当鼠标滑过菜单的时候,二级菜单自动切换,鼠标不需要点击,滑动门效果 ...
纯css 下拉选择,纯CSS实现的下拉菜单
实现效果实现代码 html home wordpress themes plugins tutorials web design resources links tutorials html/css ...
html折叠div,纯CSS折叠/展开div
我有一个纯CSS可折叠div,它是基于别人的代码,使用:target伪造类.我想设置的是一个有12个问题的页面,当你点击按钮,答案div扩展下面.我不知道如何使多个折叠div元素在这个页面上,没有编写 ...
纯CSS打造可折叠树状菜单
1:Html代码 <li> <label for="subsubfolder1">下级</label> <input id="s ...
纯css 竖向步骤条
一.平常做一些物流啊提现啊这些效果的时候可能就需要用到步骤来向用户展示具体到哪一步了,但是呢有时候写的又比较繁琐,找各种组件插件又要安装或者引入对应的包,今天就给大家分享一个纯css的竖向步骤条,先看 ...
纯css制作三级下拉菜单
css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧.下面是本人用纯css制作的三级下拉菜单效果 ...
html用css做下拉菜单,纯css实现下拉菜单
纯css实现下拉菜单 1.效果如下: 2.html代码时间最近时间最近评论最多被赞最多 3.css代码 * { margin: 0; padding: 0; } ul { list-style ...
html下拉菜单隐藏属性,css修改selec下拉菜单样式
css修改selec下拉菜单样式2018-01-19 15:00 修改select下拉菜单样式其实可以使用javascript来操作,这样更方便. 但有些人并不喜欢,想用单纯的css来控制. 以下有三 ...
html纯css页面滑动效果,纯css3滑动按钮动画效果
android系统的滑动按钮相信大家都使用过.这款插件就是使用纯css3制作出类似android系统的滑动按钮效果. HTML html代码十分简单.使用一个大的div作为包裹容器,给它一个class ...

html展开折叠菜单,纯CSS竖向滑动展开折叠菜单

html展开折叠菜单,纯CSS竖向滑动展开折叠菜单相关推荐

最新文章

热门文章