欢迎访问HTML51.COM升级您的浏览器到兼容HTML5
设为首页收藏本站切换到宽版

HTML5,CSS3,前端技术教程分享

 找回密码
 成为会员

QQ登录

只需一步，快速开始

HTML5,CSS3,前端技术教程分享 › HTML5论坛 › CSS3 论坛 › CSS3 在线演示 › CSS3打造Windows 7开始菜单
12345678910... 20下一页
返回列表 发新帖
查看: 8565|回复: 199

CSS3打造Windows 7开始菜单 [复制链接]

html5

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6
发表于 2010-8-5 22:35:18 |显示全部楼层
我一直觉得如何能用最少的CSS3特性来实现最炫的效果是一非常有挑战性的事情，目前很多必须要配合图片才能实现的视觉效果都可以用纯CSS3来替代了，为了证明这一点，今天我们用CSS3来打造一个Windows 7的开始菜单（也用到了一些图标）。" i* y( V$ \" m. k" o
查看演示：http://www.html51.com/topic-demo-windows-7-start-menu-css3.html
7 L6 n/ w" q$ w2 j1 q4 K/ Y我们看下整个菜单的组成非常简单，它由一个div和两个包含链接和图标的无序列表组成，如下图所示：3 I/ v$ V( }. i
: @9 R# j$ y' K1 i. u9 R+ U' H4 F
大家可以对照上面这个分解图再看下对应CSS，应该还是比较容易理解的吧。' b5 J( R. I8 E/ r
源码下载：
游客，如果您要查看本帖隐藏内容请回复
' [; R2 @6 ]' i: x
& [* g' Q- [- R  R/ w$ b
附件: 你需要登录才可以下载或查看附件。没有帐号？成为会员

使用道具 举报

aspnet

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6
发表于 2010-8-5 22:40:15 |显示全部楼层
这个一定要看！( k8 o& ?( V8 h3 T  x7 Z
回复下
加油

使用道具 举报

lai021

Rank: 2Rank: 2

升级 
 
19.33%
发表于 2010-8-6 08:26:30 |显示全部楼层
我要下载，回复下

使用道具 举报

jquery

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6
发表于 2010-8-6 11:36:26 |显示全部楼层
代码拿到，闪人咯

使用道具 举报

yoahuili

Rank: 1

升级 
 
12%
发表于 2010-8-15 13:25:04 |显示全部楼层
dgdfgfgdfgdfgdfgdfg

使用道具 举报

dwyane

Rank: 1

升级 
 
8%
发表于 2010-8-17 23:31:02 |显示全部楼层
千里奔袭，前来求码！
* u% w$ A; K9 ]8 L/ D

使用道具 举报

yuncai12345

Rank: 1

升级 
 
12%
发表于 2010-8-18 15:49:38 |显示全部楼层
回复，拿代码

使用道具 举报

liyunfei9558

Rank: 1

升级 
 
8%
发表于 2010-8-25 16:46:08 |显示全部楼层
效果不错。。下来看看$ u' ]0 ?/ a. o# Z/ @

使用道具 举报

invin

Rank: 1

升级 
 
54%
发表于 2010-8-25 22:34:17 |显示全部楼层
我看这个学会就不愁了

使用道具 举报

随星闪耀

Rank: 1

升级 
 
18%
发表于 2010-8-26 16:48:05 |显示全部楼层
这个必须顶 。。。。

使用道具 举报

12345678910... 20下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 成为会员

兼容HTML5的浏览器

手机版|HTML5|HTML5手机论坛|加速HTML5在中国的普及，HTML51.COM ( 苏ICP备08015043号 )  

GMT+8, 2012-5-20 03:32 , Processed in 0.128113 second(s), 20 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部