论坛首页 Web前端技术论坛

Google今天的logo又亮了

浏览 19551 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-06-09  




鼠标放上去还有音律
这是背景图片
  • 大小: 19.3 KB
  • 大小: 36.2 KB
  • 大小: 36.2 KB
   发表时间:2011-06-09  
是怎么实现的呢?哪位指点一下~~
0 请登录后投票
   发表时间:2011-06-09  
上次的是JS控制CSS。。
这次等高手来分析吧。
0 请登录后投票
   发表时间:2011-06-09  
拨动琴弦的时候触发对应的事件,然后调用对应的音乐文件就可以实现吧?
不知道我理解的对不对
0 请登录后投票
   发表时间:2011-06-09   最后修改:2011-06-09
点击一下图片中的键盘,可以用键盘上面一行的数字进行弹奏,
有人给了乐谱:667 667 67876764 3134 3317 6787 6764 3134 3317 667 667 34764 3
0 请登录后投票
   发表时间:2011-06-09   最后修改:2011-06-09
音频是放在swf中,有一个iframe.

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

<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>



0 请登录后投票
   发表时间:2011-06-09  
动画应该是用canvas来做的,IE下是怎么实现的?
0 请登录后投票
   发表时间:2011-06-09  
想要一把 Les Paul 吉他
0 请登录后投票
   发表时间:2011-06-09  
失望啊 

竟然用swf
0 请登录后投票
   发表时间:2011-06-09  
mainlove 写道
失望啊 

竟然用swf

动画不是swf,只有音乐是
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics