如果你是大苹果的粉丝,你一定会爱上这款由 CSS 打造的苹果工具条(dock menu,效果预览),原文作者原创,原文会手把手教你打造!该工具条使用了 Jquery 这个轻量级 Javascript 类库(很多 AJAX 效果哦)提供的接口,Interface 提供的界面组件和原作者的原创 Icon。 这款 CSS dock menu 是为了用在作者打造的 WordPress 皮肤 iTheme 上的,不用我多说,大家都猜到了吧:一款模仿苹果的 WP 主题。
该皮肤支持 widgets ,侧边栏支持拖拽,适合WordPress 2.0 和 2.1,适合以下浏览器:IE, Firefox, Safari, Opera。
想看原文教程呢,请点击这里,想下载 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]–> |