如果你是大蘋(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]–> |