百度龙年的LOGO代码？

szbo1 · 发表于 2012-1-22 12:58:50

百度龙年的LOGO很不错呀，腾龙是怎么做出来的呀？谁知道怎么做的吗？

yao · 发表于 2012-1-22 13:13:18

据了解，这次的Logo是百度在Logo上的又一次尝试，为了兼容在中国实用较多的一些老旧版本的浏览器，让大家都能看到这炫彩的Logo。这次的Logo没有完全采用HTML5的技术，对于老旧浏览器传统的JS的技术也使得这个Logo可以较为完美的被呈现。

yao · 发表于 2012-1-22 13:18:49

一、百度对于静止状态和悬停状态分别有两种Logo，用以展示出龙腾空前和腾空后出Logo后的不同状态。

（腾龙前的静态Logo）

（腾龙后的静态Logo）

二、在腾空飞出后的龙是由多个部分组成，因此，这个看起来是整体的龙实际上也依赖于多个部分，而且每个部分都非常的精巧。

（龙头）

（龙身）

（龙足）

（龙尾）

（龙尾羽）

三、JS代码控制了整个龙的动作，包括它的如下动作：跟随鼠标、鼠标静止时抖动全身、由右侧直接飞回Logo（或自左侧折叠后自右侧飞回、或自上而下呈万字飞回）。在这个控制的JS中，主要是对龙的各个部分进行了定位、用函数特别定义了几种龙的动作。更多细节，大家可以在下面的代码中自己研究一下。

祝大家新年快乐，龙年大吉！