2009-5
20
基于Flash的网站与基于HTML+CSS的网站最大的区别在于前者往往可以实现漂亮的动画效果，而在后者不是那么容易。不过这种情况在逐步改变，逐步涌现的诸如Jquery,ExtJs,Moo,YUI等Javascript库使这个工作变得容易许多。下面的一个示例是通过使用CSS Sprites技术，结合Jquery实现的一个动感十足的菜单。
CSS Sprites技术的应用，使得在该示例中仅用了一张图片就实现了圆角、及效果变换等功能，值得借鉴。
首先让我们去看一下 在线示例
效果图如下：
css-sprites-menu
示例源码下载：CSS Sprites Menu [下载次数：698]
延伸阅读:
- 使用JQuery实现标签（Tab）切换效果
- CSS书写标准及最佳实践
- 快速清除图片瑕疵的绿色小软件Teorex.Inpaint
- 使用CSS和JQuery轻松切换网页显示样式
- 一款难得的钢笔行书简体字体
- 一组免费的高质量Web应用程序图标Icons
- 通过javascript实现table表格排序分页功能
- FullSize：一个新的IMG标签属性（附带JQuery实现）
版权声明：
本站内容受著作权法保护。个人网站、blog转载时请遵循 “署名-非商业用途-保持一致” 的创作共用协议；商业网站或媒体未授权不得复制本站内容。
友情提示：
如对本文有任何疑问，或在示例的使用中遇到问题，或有好的建议，欢迎在下面留言共同学习，有问必答。
JS实现有点小问题!
鼠标在菜单上按下移开到空白地方再弹起时,菜单并没有恢复到原始状态!
是什么没有恢复到原始状态，你指的是颜色还是外面多了虚框。 你用的浏览器是啥？
這是正常的吧，畢竟它只是人鏈接（），不是按鈕（button）
在按钮上按右键然后按左键,移开.没有恢复原色..IE8..
感觉这是个难度系数不小的连续动作啊。。
偶也IE8 ， 照做了， 没有你说的现象哦， 不知是不是做的不对。。
代码不能下载
代码不能下载
[...] 通过CSS Sprites技术仅一张图片实现动感菜单 [...]