首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

分享5个超酷flash样式的jQuery导航和菜单

当年风光无限的Flash特效,大家肯定在自己的项目和网站上应用过,现在看来依然非常的炫目,随着web技术的发展,我们现在可以使用Javascript开发出类似绚丽的应用,今天我们介绍几款超酷的jQuery实现的导航和菜单设计,希望大家喜欢!

1. Radius menu with jQuery

这个钟表装的圆盘式菜单设计能够在你选择一个图标后缩放和旋转。是不是很酷?

分享5个超酷flash样式的jQuery导航和菜单 

2. Little Boxes Menu with jQuery

另外一个超酷的仿flash导航的盒装效果实现。点击后将展现非常漂亮的过渡效果。

分享5个超酷flash样式的jQuery导航和菜单 

3. Animated Text and Icon Menu with jQuery 

这个特效是我们曾经介绍过的联动式菜单特效。你绝对会喜欢!

分享5个超酷flash样式的jQuery导航和菜单 

4. Awesome Bubble Navigation with jQuery

由jQuery生成的非常非常强的气泡式导航。你相信它是由jQuery和CSS开发的么?

分享5个超酷flash样式的jQuery导航和菜单 

5.…

标签: 仿flash菜单, 导航, 菜单, 菜单特效, jquery菜单, jquery导航

阅读更多

使用jQuery来实现菜单文字和图标动画效果

发布时间:2011/07/25     编译:Terry li - GBin1.com       原文:tympanus.net

今天我们将讲解如何使用jQuery创建一个鼠标悬浮后有动画效果的华丽菜单。主要的想法是使得某些元素幻灯消失,改变并且动画背景颜色,然后让元素以其它颜色幻灯出现。

使用jQuery来实现菜单文字和图标动画效果 

GBin1在线演示 

这个菜单的灵感来自于一个网站: http://www.pelicanhotel.com/

主要的图标来自于incrediable Noun Project,它从全世界形象语言中收集,组织并且添加了高度可识别的图标,我们可以用一种快乐而有意义的方式去分享。

现在我们开始!

HTML标签

我们的HTML将是一系列的无规则的列表,在每一个列表项目中将包含一个拥有3个我们将用来创建动画效果的元素的anchor元素:

<ul id="sti-menu"…

标签: 仿flash菜单, 导航, 菜单, 菜单特效, jquery菜单, jquery导航

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐