Google今天的logo又亮了

话说我当年 · 发表于 2011-8-3 10:54

鼠标放上去还有音律
这是背景图片

大小: 19.3 KB

大小: 36.2 KB

大小: 36.2 KB
查看图片附件

木已 · 发表于 2011-8-3 10:54

是怎么实现的呢？哪位指点一下~~

已经来了吗 · 发表于 2011-8-3 10:55

上次的是JS控制CSS。。
这次等高手来分析吧。

只学java · 发表于 2011-8-3 10:55

拨动琴弦的时候触发对应的事件，然后调用对应的音乐文件就可以实现吧？
不知道我理解的对不对

叫我小乖 · 发表于 2011-8-3 10:55

点击一下图片中的键盘，可以用键盘上面一行的数字进行弹奏，
有人给了乐谱：667 667 67876764 3134 3317 6787 6764 3134 3317 667 667 34764 3

hxy · 发表于 2011-8-3 10:55

音频是放在swf中,有一个iframe.

js代码的也不长，展开后才8XX行。

Html代码
<iframe name="doodle-sound"
style="position: absolute; top: -150px; border: 0pt none; width: 100px; height: 100px;">
<html>
<head>
</head>
<body>
<object id="guitar11-sound-player" height="0" width="0"
type="application/x-shockwave-flash"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param value="/logos/swf/guitar11.swf" name="movie">
<param value="always" name="allowScriptAccess">
<object id="guitar11-sound-player-2" height="0" width="0"
      data="/logos/swf/guitar11.swf" type="application/x-shockwave-flash">
      <param value="always" name="allowScriptAccess">
</object> </object>
</body>
</html>
</iframe>

<iframe name="doodle-sound"
style="position: absolute; top: -150px; border: 0pt none; width: 100px; height: 100px;">
<html>
<head>
</head>
<body>
<object id="guitar11-sound-player" height="0" width="0"
type="application/x-shockwave-flash"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param value="/logos/swf/guitar11.swf" name="movie">
<param value="always" name="allowScriptAccess">
<object id="guitar11-sound-player-2" height="0" width="0"
data="/logos/swf/guitar11.swf" type="application/x-shockwave-flash">
<param value="always" name="allowScriptAccess">
</object> </object>
</body>
</html>
</iframe>

江南枫 · 发表于 2011-8-3 10:55

动画应该是用canvas来做的，IE下是怎么实现的？

能文能武 · 发表于 2011-8-3 10:55

想要一把 Les Paul 吉他

天上智喜 · 发表于 2011-8-3 10:56

失望啊

竟然用swf

找不到我 · 发表于 2011-8-3 10:56

mainlove
失望啊

竟然用swf

动画不是swf，只有音乐是

北大青鸟 · 发表于 2011-8-5 11:45

好久没去关注了,今天再去看看,谢谢了!

走就走吧 · 发表于 2011-8-10 10:46

不错啊! 一个字牛啊!

帐号		自动登录	找回密码
密码			成为会员