最新标注
热门标注
历史更新
站点地图
RSS
Home
CrazyCoder
»
原创
»
it评论
»
it业界
»
互联网
»
精品软件
开发语言
»
网络编程
编程综合
嵌入式开发
算法
英文资料
汇编语言
PowerBuilder
p2p技术
验证码识别
DotNet
Java教程
C语言教程
C 教程
Delphi教程
VB教程
QQ协议开发
项目管理
»
数据库
»
Web开发
»
Python
Css教程
XML教程
网页特效
PhotoShop教程
Illustrator教程
CorelDraw教程
Ruby教程
CorelDraw教程
网站安全
开发平台-工具
Web
PHP教程
Flash教程
Ajax教程
Javascript教程
Html教程
Dreamweaver
Asp教程
技术综合
»
软件测试
办公软件
QQ相关
Windows
网络技术
游戏开发
软件工程
软件教程
编程思想
游戏开发
外挂开发
OpenApi
AutoCad
广告设计
3D设计
平面设计相关
移动手机开发
服务器
»
Linux
Unix/FreeBsd
web服务器
服务器技术
安全
博文摘选
»
翻译
首页
»
Css教程
» css折叠菜单,CSS 折叠的菜单实现代码
Rss订阅
css折叠菜单,CSS 折叠的菜单实现代码
on 2010-12-9
in
Css教程
|
0 Comment
点评
:这个是用纯CSS实现的折叠菜单代码,暖色调非常漂亮哦,测试发现兼容性也挺好,有用的朋友先收藏一下吧。
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS实现折叠的菜单</title> <style type="text/css"> #menu { overflow:hidden; background-color:#fbfef4; width:200px; height:500px; overflow:hidden;} #menu h1{margin:0px;color:#739c23; font-size:14px;} #menu li { list-style:none; display:block; width:178px; border:1px solid #739c23; border-bottom-width:0px;} #menu li .end{border-bottom-width:1px;} #menu li a{ display:block; text-decoration:none; width:100%; padding:10px;} #menu li a span{ display:none; color:#333; font-size:12px; padding:10px 0 0 0;} #menu li a:hover{ background:#fff;} #menu li a:hover span{ display:block; cursor: hand;} </style> </head> <body> <ul id="menu"> <li><a href="#"> <h1>脚本之家</h1> <span>为您提供精品源代码、网页特效代码等。</span></a></li> </li> <li><a href="#"> <h1>精品特效</h1> <span>精品特应有尽有</span></a></li> </li> <li><a href="#"> <h1>我是传奇</h1> <span>这里是内容</span></a></li> </li> <li><a href="#"> <h1>这是折叠标签</h1> <span>这里是内容</span></a></li> </li> </body> </html>
提示:您可以先修改部分代码再运行
Tags:
js折叠菜单
折叠菜单
css折叠菜单
延伸阅读
2010-12-9
--
css折叠菜单,CSS 折叠的菜单实现代码
2010-12-9
--
折叠菜单,代码经过精简后的仿QQ折叠菜单代码
2010-12-15
--
滑动折叠菜单,在Dreamweaver中轻松实现滑动折叠菜单
2008-9-5
--
折叠菜单:dreamweaver中网页折叠菜单的制作
2008-10-19
--
折叠菜单:dreamweaver中网页折叠菜单的制作
2008-10-19
--
折叠菜单:dreamweaver中网页折叠菜单的制作
2008-9-5
--
滑动折叠菜单:JS实现滑动展开与折叠效果
最新评论
发表评论
昵称
评论
验证码
点击图片更换
赞助商广告
随机更新
mysql中engine=innodb和engine=myisam的区
维吉尔,微软副总裁汉克·维吉尔将离职 最受鲍尔默信任
精美散文欣赏,60佳精美的绿色风格网页设计欣赏(上篇)
socket流程,socket简单的访问流程
SQLServer Replication 创建技巧
历史开奖记录表,SQL-记录表历史
lion正式版,Mac OS X Lion正式版完工
量子存储,单电子近藤状态活动特征揭开 有助研发量子存储
地图api坐标,百度地图API详解之地图坐标系统
mongodb,mongoDB是什么?又吸引我的注意力了
ArcGIS API for Flex 2.0 有关Fea...
投资者关系互动,互动与关系
快速开发winform、window mobile、silverlight多端通信系统
qq2011,2011年7月微软最有价值专家(MVP)当选名单
谷歌chrome,谷歌Chrome浏览器6月市场占有率超过20%
ipadios,iOS 5测试版致一代iPad过热 屏幕温度达到65℃
易读文库下载器,易读文库下载器1.2版发布
seoer,SEOer问,Zac答(7/7)
远程连接数据库,.net 程序远程连接 Oracle 数据库
html5,HTML5之美
Google+功臣赫兹·菲尔德:只想让用户更满意
大河实战账户,Windows Phone 项目实战之账户助手
惠普webos,惠普首款WebOS平板机TouchPad开售
谷歌浏览器占内存,谷歌Chrome已占全球浏览器市场份额20%
jscss,js列举css中所有图标
保虫宿主,WS BasicHttpBinding 安全解析(7)Certificate验证(IIS宿主)
2012上市,微软首次披露:Office 15将于2012年上市
暴风影音CEO冯鑫:我被暴风绑架了
使用Eclipse远程调试Tomcat
wcf权限,[WCF权限控制]基于Windows用户组的授权方式[上篇]
热门标注
视觉跟踪
(1)
计算机视觉综述
(1)
血腥假日
(1)
假日酒店
(1)
假日通
(1)
假日伴侣
(1)
大便形状不规则
(1)
子宫形状不规则
(1)
不规则物体装柜
(1)
不规则物体
(1)
不规则物体的体积
(1)
什么两难
(1)
进退两难
(1)
莫让情两难
(1)
别让情两难
(1)
特里芬两难
(1)
电话禁制故事
(1)
圣安地列斯禁制
(1)
禁制大爆发
(1)
空间禁制符刻
(1)
最近更新
IE6/7/8/9中table元素align=center权重比margin:0大的实例说明
IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
ie8ie6,IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法
ul浮动,浮动的ul背景及图片的边框的使用
ul浮动,浮动的ul背景及图片的边框的使用
关于table的width:100%和margin导致溢出
关于table的width:100%和margin导致溢出
ie6bug,IE6 bug修正的10个小技巧 推荐
纯divcss,纯CSS+Div 的标签实现代码
css层叠样式表,CSS层叠与继承的使用深入剖析
css遮罩,css 遮罩样式(支持IE和FireFox)
浏览器兼容性,Web字体格式介绍以及浏览器兼容性一览
css模块化,Css 模块化编码技巧
Web前端开发规范文档(css/javascript)
div+css布局及Web标准对网站优化和SEO方面的益处
css最小高度,CSS网页布局中的最小高度问题的解决方法
绝对定位,IE绝对定位元素神秘消失或被遮挡的解决方法
经验之谈,经验之谈 CSS网页布局避免滥用DIV元素
css遮罩,css 遮罩样式(支持IE和FireFox)
垂直文本框,用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法
最新标注
水质分析方法探讨
(1)
清除浮动
(1)
英文名字女孩
(1)
好看的英文名字
(1)
好听的英文名字
(1)
英文名字
(1)
cloudary
(1)
盛大密保d6
(1)
盛大6月30日
(1)
盛大金酷
(1)
酷6网盛大
(1)
酷6盛大
(1)
优衣库淘宝旗舰店
(1)
财付通与支付宝
(1)
百度腾讯qq下载
(1)
临时变量
(1)
什么是临时变量
(1)
太空要塞
(1)
太空女妖
(1)
cf太空要塞
(1)
最新评论