Posts tagged ‘Navigation’
显示/隐藏的导航见多不怪，在jQuery.com上看到一款不错的插件，可以用于许多效果，自己尝试着制作了一款显示/隐藏的效果，这款导航是基于HTML5基础制作的，对于IE的朋友我添加了HTML5 Fixed的脚本。
专门收集世界网页设计，开发领域的新鲜事，资源，技术教程还有免费的一些小东东的文章分享，如果喜欢此类专栏的朋友请留言，Like It～ 每款作了简单的翻译解释，有些东西还是蛮有意思和作用的，喜欢的朋友请留言。
新建的专栏，专门收集世界网页设计，开发领域的新鲜事，资源，技术教程还有免费的一些小东东的文章分享，如果喜欢此类专栏的朋友请留言，Like It～ 每款作了简单的翻译解释，有些东西还是蛮有意思和作用的，喜欢的朋友请留言。
新建的专栏，专门收集世界网页设计，开发领域的新鲜事，资源，技术教程还有免费的一些小东东的文章分享，如果喜欢此类专栏的朋友请留言，Like It～ 每款作了简单的翻译解释，有些东西还是蛮有意思和作用的，喜欢的朋友请留言。
今天，我想分享一些巧妙的使用jQuery网格导航效果。在我们的例子中，将告诉你十种方法如何浏览的缩略图集。我们将讨论几种可行的，看看如何应用效果。查看演示页面，然后鼠标点选下面横排英文导航来选择你需要的效果。
其实这个导航效果我在很早以前就看到过了，那时我也只是初学者，完全不懂如何制作出此效果，现在故地重游，我已将效果重新整理，分享给大家。注意这个导航可以有暂停效果，选取和文字颜色都可以根据自己网站来自由配色。class=”current”就是当前选择页面，大家可以自己灵活运用。
在这个教程中我们学习如何制作拥有大块背景的导航栏。主要的想法如果有三个列表项但包含不同的背景，当你切换哪个选项背景就随之变换的效果，当然是包含动画效果的。导航栏也包括子菜单，每栏子菜单都拥有各自的不同颜色背景。
今天，我们将创建一个动感十足动画菜单。单击菜单项目，将会扩展和展示一些说明或链接的内容区域。当再次单击该菜单项，形状会重新恢复，回到初始背景图像。这款效果比较华丽，制作简单。
