阅读更多

2顶
0踩

Web前端

翻译新闻 25 个很棒的 CSS3 菜单教程推荐

2012-04-01 16:07 by 正式编辑 sherry617 评论(1) 有7477人浏览
无论是专业的还是业余的Web设计师和开发者,留意所有最新的技术更新是非常重要的,好的教程可以帮助大家学习新的东西。Web设计中最重要的元素之一就是菜单的设计,优秀的菜单能提高导航的可用性,并提供良好的用户体验。

本文为大家提供了25个CSS3菜单教程,这些教程都非常详细,易于学习。

1. 下拉菜单



演示 + 源码

2. 用CSS3和jQuery创建半色调导航菜单



演示 + 源码

3. 下拉菜单



演示 + 源码

4. 垂直导航



演示 + 源码

5. 用HTML5、CSS3和jQuery创建下拉导航菜单



演示 + 源码

6. 丝带状导航条



演示 + 源码

7. 动画按钮



演示 + 源码

8. 动画菜单



演示 + 源码

9. 用CSS3和jQuery创建飞出菜单



演示 + 源码

10. 可切换的底部按钮导航条



演示 + 源码

11. 大理石风格的导航菜单



演示 + 源码

12. jQuery风格的菜单



演示 + 源码

13. 动画导航菜单



演示 + 源码

14. 有过渡和动画效果的多级菜单



演示 + 源码

15. 酷黑两级菜单



演示 + 源码

16. 堆叠式菜单



演示 + 源码

17. 用jQuery创建点击式的CSS3下拉菜单



演示 + 源码

18. 车轮菜单



演示 + 源码

19. 扁宽型菜单



演示 + 源码

20. 有Tab的下拉菜单



演示 + 源码

21. 标签导航



演示 + 源码

22. 滑出菜单



演示 + 源码

23. 不用JavaScript的悬停标签



演示 + 源码

24. 动画菜单



演示 + 源码

25. 苹果网站的导航菜单



演示 + 源码

原文链接:25 Awesome CSS3 Menu Tutorials
  • 大小: 28.7 KB
  • 大小: 12.9 KB
  • 大小: 30.9 KB
  • 大小: 14 KB
  • 大小: 92.6 KB
  • 大小: 27.4 KB
  • 大小: 51.4 KB
  • 大小: 30.8 KB
  • 大小: 30 KB
  • 大小: 25.5 KB
  • 大小: 29.9 KB
  • 大小: 20.9 KB
  • 大小: 69.5 KB
  • 大小: 20.3 KB
  • 大小: 13.2 KB
  • 大小: 25.2 KB
  • 大小: 31 KB
  • 大小: 53.3 KB
  • 大小: 6.9 KB
  • 大小: 30.5 KB
  • 大小: 29.9 KB
  • 大小: 43.4 KB
  • 大小: 30.8 KB
  • 大小: 12.7 KB
  • 大小: 15 KB
2
0
评论 共 1 条 请登录后发表评论
1 楼 sgp420 2012-12-29 10:01
很不错的资源

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics