首页
 导航
语文
作文
 手机
客服中心
投稿赚钱
免费注册
首页
当前位置：查字典教程网 >网页设计 > Div+Css教程 >使用css3仿造window7的开始菜单
使用css3仿造window7的开始菜单
摘要：相当逼真，css3果然强悍。友情提示：请勿在IE下浏览。查看实例：http://www.jankoatwarpspeed.com/examp...

使用css3仿造window7的开始菜单1

相当逼真，css3果然强悍。

友情提示：请勿在IE下浏览。

查看实例：http://www.jankoatwarpspeed.com/examples/windows7menu/

点击下载源码

来看下原作者的设计草图：

1

简明创建过程

第一步 ：创建如下菜单结构

<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样式表实现首字大写

★ css书写技巧

★ 使用CSS代码的空格实现中文对齐的方法

★ 用CSS3编程模仿iPhone中的返回按钮

★ 20个实用便捷的CSS3工具、库及实例

★ 网页头部css代码优化实例

★ CSS 制作的三级菜单特效代码

★ 使用css的background:url设置背景图方法

★ 使用css的类名交集复合选择器 让选择元素变简单

上一篇： DIV+CSS 分享学习心得 导航篇
相关阅读
更多>>
网友关注
更多>>
网友最新关注视频
更多>>
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习
热门 Div+Css教程学习