|
|
相當(dāng)逼真，css3果然強(qiáng)悍。
友情提示：請(qǐng)勿在IE下瀏覽。
查看實(shí)例：http://www.jankoatwarpspeed.com/examples/windows7menu/
點(diǎn)擊下載：http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=170
來(lái)看下原作者的設(shè)計(jì)草圖：
簡(jiǎn)明創(chuàng)建過(guò)程
第一步 ：創(chuàng)建如下菜單結(jié)構(gòu)
<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>
it知識(shí)庫(kù)：使用css3仿造window7的開始菜單，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
