jquery练习：菜单文字和图标动画效果

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

参考教程：http://www.gbin1.com/technology/jquerytutorial/animatedtextandiconmenu/

 

今天四处闲逛，看到gbin1网站上面有怎么漂亮的一个华丽菜单，就赶紧打开源文件，查看制作思路，一看，完全看不懂，谁让自己是菜鸟呢。琢磨了一会，就开手准备自己下手制作

 

主要的想法是使得某些元素幻灯消失，改变并且动画背景颜色，然后让元素以其它颜色幻灯出现。

 

您可以狠狠地点击这里：菜单文字和图标动画效果

 

制作原理也很简单，主要是改变元素的top位置，具体的方法大家还是看源文件吧。无聊时候的折腾，有不足与不准确之处欢迎指正。一些实现的具体细节等也是非常欢迎提问交流的。