用 CSS 打造一個(gè)惟妙惟肖的網(wǎng)頁(yè)版蘋(píng)果工具條!

如果你是大蘋(píng)果的粉絲,你一定會(huì)愛(ài)上這款由 CSS 打造的蘋(píng)果工具條(dock menu,效果預(yù)覽),原文作者原創(chuàng),原文會(huì)手把手教你打造!該工具條使用了 Jquery 這個(gè)輕量級(jí) Javascript 類(lèi)庫(kù)(很多 AJAX 效果哦)提供的接口,Interface 提供的界面組件和原作者的原創(chuàng) Icon。  這款 CSS dock menu 是為了用在作者打造的 WordPress 皮膚 iTheme 上的,不用我多說(shuō),大家都猜到了吧:一款模仿蘋(píng)果的 WP 主題。

該皮膚支持 widgets ,側(cè)邊欄支持拖拽,適合WordPress 2.0 和 2.1,適合以下瀏覽器:IE, Firefox, Safari, Opera。

想看原文教程呢,請(qǐng)點(diǎn)擊這里,想下載 CSS dock menu呢,這里
Insert code
In between the HTML <head> tag, add the following code

1
2
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
1
 <link href="style.css" rel="stylesheet" type="text/css" />
1
2
3
4
5
 <!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]>

繼續(xù)閱讀