找回密码
 加入博一网

QQ登录

只需一步,快速开始

查看: 1524|回复: 2

百度龙年的LOGO代码?

[复制链接]
发表于 2012-1-22 12:58:50 | 显示全部楼层 |阅读模式
百度龙年的LOGO很不错呀,腾龙是怎么做出来的呀?谁知道怎么做的吗?
发表于 2012-1-22 13:13:18 | 显示全部楼层
据了解,这次的Logo是百度在Logo上的又一次尝试,为了兼容在中国实用较多的一些老旧版本的浏览器,让大家都能看到这炫彩的Logo。这次的Logo没有完全采用HTML5的技术,对于老旧浏览器传统的JS的技术也使得这个Logo可以较为完美的被呈现。
发表于 2012-1-22 13:18:49 | 显示全部楼层
一、百度对于静止状态和悬停状态分别有两种Logo,用以展示出龙腾空前和腾空后出Logo后的不同状态。
logo_1.gif

(腾龙前的静态Logo)
logo_2.gif

(腾龙后的静态Logo)
二、在腾空飞出后的龙是由多个部分组成,因此,这个看起来是整体的龙实际上也依赖于多个部分,而且每个部分都非常的精巧。
head2.png
(龙头)
body2.png
(龙身)
foot2.png
(龙足)
tail2.png
(龙尾)
plume2.png
(龙尾羽)
三、JS代码控制了整个龙的动作,包括它的如下动作:跟随鼠标、鼠标静止时抖动全身、由右侧直接飞回Logo(或自左侧折叠后自右侧飞回、或自上而下呈万字飞回)。在这个控制的JS中,主要是对龙的各个部分进行了定位、用函数特别定义了几种龙的动作。更多细节,大家可以在下面的代码中自己研究一下。
http://www.baidu.com/cache/dragon/js/dragon2012.js
祝大家新年快乐,龙年大吉!

您需要登录后才可以回帖 登录 | 加入博一网

本版积分规则

关注建材之家
www.jc68.com
全国服务热线:400-0755-393
加盟咨询电话:0755-82034561
投诉建议Q Q:275171283
讨论互动QQ群:64982759
点击查看放大的二维码
报料号:jc68_com
点击查看放大的二维码
服务号:jc68-1
点击查看放大的二维码
平台移动端二维码
腾讯微博
腾讯微博
新浪微博
新浪微博

玻璃之家 | 建材头条 | 电器头条 | 水电头条 | 钢铁头条 | 防盗头条 | 板材头条 | 暖气头条 | 安防之家 | 机械头条 | 陶瓷之家 | 油漆之家 | 照明之家 | 防水之家 | 防盗之家 | 博一建材 | 卫浴之家 | 区快洞察 | 漳州建材 | 泉州建材 | 三明建材 | 莆田建材 | 合肥建材 | 宣城建材 | 池州建材 | 亳州建材 | 六安建材 | 巢湖建材 | 宿州建材 | 阜阳建材 | 滁州建材 | 黄山建材 | 安庆建材 | 铜陵建材 | 淮北建材 | 马鞍山建材 |

QQ|建材|建材网|建材之家|关于我们|手机版|联系我们|广告服务|小黑屋|博一建材网 ( 粤ICP备09089996号-4 )

GMT+8, 2024-4-27 20:55 , Processed in 0.112329 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表