使用css3仿造window7的开始菜单
摘要:相当逼真,css3果然强悍。友情提示:请勿在IE下浏览。查看实例:http://www.jankoatwarpspeed.com/examp...

相当逼真,css3果然强悍。
友情提示:请勿在IE下浏览。
查看实例:http://www.jankoatwarpspeed.com/examples/windows7menu/
点击下载源码
来看下原作者的设计草图:

简明创建过程
第一步 :创建如下菜单结构
| <div id="startmenu"> <ul id="programs"> <li><a href="#"><img src="firefox-32.png" alt="" />Mozilla Firefoxa>li> <li><a href="#"><img src="chrome.png" alt="" />Google Chromea>li> <li><a href="#"><img src="safari.png" alt="" />Safaria>li> <li><a href="#"><img src="opera.png" alt="" />Operaa>li> <li><a href="#"><img src="ie.png" alt="" />Internet Explorera>li> <li><a href="#"><img src="rss_32.png" alt="" />RSS Feedsa>li> <li><a href="#"><img src="twitter_32.png" alt="" />Twittera>li> <li><a href="#"><img src="delicious_32.png" alt="" />Deliciousa>li> ul> <ul id="links"> <li class="icon"><img src="folder.png" alt="" />li> <li><a href="#"><span>Documentsspan>a>li> <li><a href="#"><span>Picturesspan>a>li> <li><a href="#"><span>Musicspan>a>li> <li><a href="#"><span>Computerspan>a>li> <li><a href="#"><span>Networkspan>a>li> <li><a href="#"><span>Connect tospan>a>li> ul> div> |
【使用css3仿造window7的开始菜单】相关文章:
★ css书写技巧
上一篇:
DIV+CSS 分享学习心得 导航篇
下一篇:
IE6的盒子模型
相关阅读
网友关注
- ipad如何将图片快速传到电脑(2种方法)
- ios10.1正式版怎么样 苹果ios10.1好用吗
- 为何iPad接USB显示不在充电具体原因剖析
- iOS 10.1.1正式版紧急发布:修复用户无法查看健康数据问题
- 3Dmax中怎么直接加光?3Dmax中贴光的详细教程
- 如何在ipad上新建文件夹 ipad上怎么建文件夹
- 苹果iOS10.1Beta4有什么新功能 iOS10.1Beta4更新内容汇总
- iOS10.1正式版推出:iPhone7 Plus人像模式来了(附更新修复内容)
- iphone7怎么加黑名单拦截骚扰电话 苹果7黑名单添加方法教程
- ipad4充电充不进怎么办 IPAD不能充电问题解决方法
网友最新关注视频
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习