最新标注
热门标注
历史更新
站点地图
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实现滑动展开与折叠效果
最新评论
发表评论
昵称
评论
验证码
点击图片更换
赞助商广告
随机更新
网页模板源文件,30佳精美的免费Flash网站模板下载(附带源文件)
百度与微软必应,百度与微软必应的合作是优势互补
互联网智能电视,国内互联网公司介入智能手机业务
微软zune,微软关闭Zune个性化定制在线商店
企业cms,分享大学期间为企业做的个人CMS
华为高端手机,华为高端智能手机明年问世 英国或成欧洲突破口
诺基亚微博客户端,诺基亚联手搜狐推出微博客户端LBS服务
华为智能机,华为首款自有品牌智能机将问世
盛大云中书城悄然促销:购书满499元赠Bambook
准备好了吗,KIK呼啸而来,运营商准备好了吗?
php缓存模块,C#的一个小菜鸟所写的缓存模块
智能机,Android仍是美国智能机市场主要驱动力
腾讯朋友网,腾讯朋友更名为朋友网
Twitter式电邮应用Shortmail:信件不得超500字
触摸面板,联想看好平板电脑前景 提高从台采购触摸面板数量
转入女校的男生,Windows 8或将于本月下旬转入Beta测试
凡客诚品,凡客诚品启动央视广告投放 或预示其上市临近
曾李青被带走,消息称腾讯创始人曾李青被带走调查
小米miui,小米公司将于本周正式发布MIUI操作系统
雨后的小故事,英国雨后现奇异的彩虹“倒挂”景象 折射所致
今年科技公司IPO表现点评:LinkedIn最闪亮
华为核心网,台湾考虑禁止采购华为核心网络设备
面向开发人员的 Internet Explorer 9 指南
类星体,最遥远类星体被发现 距离太阳系1.29亿光年
苹果三星专利案,苹果拥有专利1820项 今年申请347个专利
网店征税第一单,武汉网店征税第一单属误读 个人网店暂不征税
桑德伯格,纽约客:Facebook COO桑德伯格成硅谷女性导师
【转载】SQL Server 2008 转 2005 [转...
惠普webos,惠普WebOS系统终端计划图曝光
wp7中文版,WP7版Galaxy S II曝光
热门标注
谷歌talk下载
(1)
谷歌talk注册
(1)
谷歌talk
(1)
mac字符面板
(1)
诺基亚n9团购
(1)
mac的控制面板
(1)
诺基亚e7团购
(1)
诺基亚团购
(1)
诺基亚n8团购
(1)
适合mac的游戏
(1)
诺基亚手机团购
(1)
蝴蝶擦亮眼睛
(1)
擦亮眼睛等着瞧
(1)
把眼睛擦亮了
(1)
数据库视图作用
(1)
数据库建立视图
(1)
什么是数据库视图
(1)
wp7zune
(1)
狂怒rage
(1)
ragehd
(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 图片,文本框,下拉菜单,按扭垂直居中的方法
最新标注
wcf传递委托
(2)
电子纸书
(1)
电子纸材质
(1)
电子纸屏
(1)
epd电子纸屏
(1)
电子纸
(1)
自组织与耗散结构
(1)
信息与自组织
(1)
tango
(1)
自组织现象与激光
(1)
大型网页游戏开发
(1)
网页游戏开发商
(1)
自组织与他组织
(1)
数组名地址
(1)
数组的地址
(1)
二维数组地址
(1)
取数组地址
(1)
数组地址
(1)
视觉目标跟踪
(1)
视觉跟踪论文
(1)
最新评论