两部动画:宣传Google街景和Chrome进化史

Posted on 2010年03月26日 by 果酱

来自Google Japan的动画制作,用可爱的卡通介绍Google街景的制作过程及隐私信息后置处理..

更还有Chrome浏览器的简单进化史.

JQuery下拉动画登陆

Posted on 2009年08月30日 by 果酱

当你不需要把登陆框直接显示在首页又必须要有这个玩意儿的时候,一个漂亮的下拉动画登陆框能够帮你达到你想要的效果.

当你的用户想要登陆的时候,点击按钮,弹出填写账户密码,不需要时则隐藏,多么好的用户体验..

Posted on 2009年08月22日 by 果酱

这是一款横向滑动的JQuery动画导航菜单,一共有5中不同的表现方式.

和lavalamp的效果有些相似,只是这款移动后不会进行二次晃动,显得目标更坚定明确.⊙﹏⊙

Posted on 2009年08月22日 by 果酱

jquery动画菜单,电梯,升降机,效果

这是一个使用jquery和css实现的动画菜单，效果就像是电梯或是升降机。

如果你还不明白，直接看效果演示，或是下载回去自己研究这段并不是很复杂的代码。

Posted on 2009年08月12日 by 果酱

根据 sitepoint.com 对网页设计未来趋势的报告中指出,随着越来越多的网站开始使用”Mega menus”,这种导航菜单样式将成为未来发展的趋势之一.

从字面上看,这种导航菜单的特点的就是大,怎么大法.就是一个下拉菜单中包含了多种元素,而不是传统的几个链接.

在一些资源比较多或是分类比较细的网站中,这样的导航菜单能更快的使用户找到想看的东西,并且还节省了网页的使用空间.

现在介绍的一款利用JQuery实现的mega导航菜单效果.

其中包括了一个基于jQuery脚本的下拉动画菜单,鼠标移动上去后会显示一个很大的…框.里面含有鸭脖客上部分分类及分类下面的文章列表.收回鼠标后菜单自动恢复原样. Continue reading →

Posted on 2009年08月11日 by 果酱

这是用JQuery实现的组合动画效果.场景中展示了横向移动,下坠,弹出等效果.

这样的动画很有意思,我们可以用来制作一个基于JQuery的动态贺卡,或者是…一个网站的header.

jquery组合动画效果

如上图,太阳就是网站的logo,飘动的云是分类导航菜单,右侧弹出的邮票是订阅,下坠文字是描述,救生圈……就是救生圈.

不考虑影响搜索引擎的话,还是很有意思的.

当然还有简单的教程在[ 作品地址 ].

Posted on 2009年08月6日 by 果酱

此源码演示了一个类似舞台帷幕的效果，通过拉动按钮展开动画窗帘。

包含了HTML，JQuery和图片文件。[ 预览效果 ][ 下载源码 ][ 作品地址 ]