使用jQuery制作仿Mac菜单

五 4, 2010

考虑到搜索引擎，标题写得有些惊悚，呵呵。yayablog发布有一段时间了，一直都还没有《关于》页面，这次五一借世博的光，上海放了5天，趁机来做了一个比较花哨的about页面。

页面地址：http://yayablog.net/about.html （注：这个页面在IE6下惨不忍睹，我也懒得管了，建议大家使用IE高级版本或者chrome、Firefox查看）

在about页面的contact栏目，我采用了仿Mac风格的菜单展示形式，这是由jQuery实现的，接下来我就讲讲这个过程。

1. jQuery是什么？其实我也是门外汉，但这并不影响使用它。事实上，只需要你拥有简单的CSS和JavaScript知识，你就可以开始操作了。具体关于jQuery的解释可以点击这里查看

2. 准备需要展示的图片，尽量精美一些

3. 点击这里下载源程序包，将JS文件夹、iepngfix.htc、CSS/HTML/JS代码照葫芦画瓢复制到你的站点里，修改相对应的html代码

4. 大功告成

随机阅读：